/*
Theme Name: Sointeractive
Theme URI: http://sointeractive.pl/
Description: Blog Sointeractive.pl
Author: Jerzy Tuleja
Version: 1.0
License: Comercial
License URI: license.txt
Tags: agency
*/

/* CSS global BODY styles */
html, body{margin:0;padding:0;width:100%;}
body{font-family:"Arial" , sans-serif;font-size:13px;color:#343434;background:#FFF;}
select{margin:0px;padding:0px;}
ul, ol, li, p, div, h1, h2, h3, h4, h5, h6, form, fieldset, input{margin:0;padding:0;text-indent:0;}
fieldset{border:none;}
a, a:visited{color:#343434;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
.clearfix{font-size:0px;clear:both;height:0px;display:block;float:none;}
/* --------------------------------------------------------------------- MAIN DIVS */
.fixBkg{min-width:1000px;position:relative;}
.contener{width:1000px;padding:0px 0px;margin:0px auto;}

/* --------------------------------------------------------------------- TOP */
.top{height:99px;padding:0px 20px 0 30px; width:950px;}
.top .langMenu{height:44px;}
.top .logo{padding:0px 0px 0px 0px;float:left;}
/* ------------------------------------------------------- main menu */
.top .mainMenu{padding:0px;float:right;}
.top .mainMenu ul{list-style-type:none; overflow:hidden;}
.top .mainMenu ul li{float:left; margin:0px 3px; height:34px;}
.top .mainMenu ul li a{display:inline-block;font-size:20px;color:#262626;font-family:'PoliticaRegular'; text-transform: uppercase; height:34px; padding:0 8px 0 0;}
.top .mainMenu ul li a:hover{text-decoration:none;}
.top .mainMenu ul li .subMenuText{display:none;}
.top .mainMenu ul li a span{display:block; padding:7px 0 7px 8px; height:20px; line-height: 20px; z-index: 5;}
.top .mainMenu ul li.active a{ background:url('./img/bkg/main_menu_active_end.png') no-repeat right; z-index: 5;}
.top .mainMenu ul li.active a span{ color:#fff; background:url('./img/bkg/main_menu_active.png') no-repeat left; z-index: 5; }

.top .mainMenu ul li.backLava{ background:url('./img/bkg/main_menu_over_end.png') no-repeat right; margin:0; }
.top .mainMenu ul li.backLava div { background:url('./img/bkg/main_menu_over.png') no-repeat left; height: 100%; margin-right:2px;}

.subMenuContener{background:url('./img/bkg/main_menu_sub_shadow.png') bottom center no-repeat; padding:0px 0px 5px 0px;position:absolute; top:99px; left:0px;width:100%;z-index:9;display:none;}
.subMenuContener .subMenuContenerTopBkg{background:#FFF url('./img/bkg/long_shadow_separator.jpg') top center no-repeat;}
.subMenuContener .subMenuContent{border-bottom:6px solid #956bc2; padding:25px 0px 25px 0px;}
.subMenuContener .subMenuContent ul{list-style-type:none; float:left; width:220px; padding:0px 0px 0px 30px;}
.subMenuContener .subMenuContent ul li{line-height:24px;}
.subMenuContener .subMenuContent ul li a:hover{color:#6b38a3;text-decoration:underline;}


/* ------------------------------------------------------- main menu */
/* --------------------------------------------------------------------- .TOP */

/* --------------------------------------------------------------------- CONTENT */ 
/* ------------------------------------------------------- floating carrier */
.carrierFloatingContener{position:relative;}
.carrierFloatingContener a.carrierFloating{z-index:200;background:red;position:absolute;top:0px;right:20px;left:auto !important;width:51px;height:118px;display:block;background:url('./img/button/floating_carrier.png');}
.carrierFloatingContener a.carrierFloating span{display:none;}      
/* ------------------------------------------------------- .floating carrier */
.content .more{font-size:14px;color:#262626;font-style:italic;font-family:Georgia;}
.contentTopShadowSeparator{width:100%;background:#FFF url('./img/bkg/long_shadow_separator.jpg') top center no-repeat;}
.contentBottomShadowSeparator{width:100%;background:#FFF url('./img/bkg/long_bottom_shadow_separator.jpg') bottom center no-repeat;}
.content h1{font-size:80px;line-height:80px;color:#a479cd;font-weight:bold;font-family:'PFSquareSansProExtraBlack', 'Arial Black', Arial;text-transform:uppercase;letter-spacing:-4px; text-align: right;}
.content h1 a{color:#a479cd; text-decoration:none;}
.content h2{letter-spacing:-2px;}
.content .wysiwyg p{padding:15px 0px;line-height:24px;}          
/* ----------------------------------------------------------- pagination */
.content .pagination{padding:30px 0px 30px 0px;}
.content .pagination ul{list-style-type:none;}
.content .pagination ul li{padding:0px 5px;float:left;}
.content .pagination ul li a{width:50px;height:63px;display:block;background: url('./img/bkg/pagination_item_bkg.png');text-align:center;font-family:Georgia;font-size:18px;color:#969696;font-style:italic;padding-top:35px;}
.content .pagination ul li a:hover, .content .pagination ul li a.active{background-position:bottom left;color:#FFF;text-decoration:none;}                                                      
/* ----------------------------------------------------------- .pagination */

/* ----------------------------------------------------------- main page banner */
.mainPageBannerContener{width:100%;max-width:1880px;margin:0px auto;overflow:hidden;position:relative;height:344px;}
.mainPageBannerContener .bannerContent{width:1880px; height:344px; text-align:center;position:relative;}
.mainPageBannerContener .centerBkg{width:1px;left:50%;position:absolute;height:344px;}  
.mainPageBannerContener .slides_control{left:0px !important;width:1880px !important;} 
.mainPageBannerContener .slideBox{width:1000px;height:500px;left:-50% !important;position:relative;}   
.mainPageBannerContener .pagination{position:absolute;top:324px;left:0px;width:470px;}
.mainPageBannerContener .pagination ul{list-style-type:none;float:right;}
.mainPageBannerContener .pagination ul li{float:left;padding-left:10px;}
.mainPageBannerContener .pagination ul li a{width:20px;height:20px;display:block;background:url('./img/button/main_banner_pagination.png');}
.mainPageBannerContener .pagination ul li a span{display:none;}
.mainPageBannerContener .pagination ul li a:hover, .mainPageBannerContener .pagination ul li.current a{background-position:bottom left;}   
.mainPageBannerContener .prev{width:120px;height:71px; line-height:71px;display:block;padding:0;position:absolute;top:104px;left:20px;font-size:12px;font-family:Georgia;font-style:italic;text-align:center;background:url('./img/bkg/main_banner_previous.png') top right; text-decoration:none;}
.mainPageBannerContener .next{width:120px;height:71px; line-height:71px;display:block;padding:0;position:absolute;top:104px;right:20px;font-size:12px;font-family:Georgia;font-style:italic;text-align:center;background:url('./img/bkg/main_banner_next.png') top left; text-decoration:none;}
.mainPageBannerContener .prev:hover,
.mainPageBannerContener .next:hover{color:#bb99e1;}
.mainPageBannerContener .topLeftLineBkg{width:20px;height:444px;display:block;position:absolute;top:0px;left:0px;background:#FFF;}
.mainPageBannerContener .topRightLineBkg{width:20px;height:444px;display:block;position:absolute;top:0px;right:0px;background:#FFF;}
.mainPageBannerContener .topLeftCornerBkg{width:3px;height:3px;display:block;position:absolute;top:0px;left:20px;background:url('./img/bkg/main_banner_top_left.png');}
.mainPageBannerContener .topRightCornerBkg{width:3px;height:3px;display:block;position:absolute;top:0px;right:20px;background:url('./img/bkg/main_banner_top_right.png');}
.mainPageBannerContener .bottomRightBkg{width:940px;height:60px;display:block;position:absolute;bottom:0px;left:1px;background:url('./img/bkg/main_banner_bottom_right.png');}
.mainPageBannerContener .bottomLeftBkg{width:940px;height:60px;display:block;position:absolute;bottom:0px;right:1px;background:url('./img/bkg/main_banner_bottom_left.png');}
/* ----------------------------------------------------------- .main page banner */
/* ----------------------------------------------------------- main page news */
.content .mainPageNews{clear:both;  width:1000px;  float:left;}
.content .mainPageNews .moreOnBlog{float:right;  padding:38px 30px 0px 0px;}
.content .mainPageNews .moreOnBlog a{font-family:Georgia; font-style:italic;}
.content .mainPageNews h2{font-size:60px; line-height:60px; color:#262626;  font-family:'PoliticaXTLightRegular';  padding:0px 0px 0px 30px;  letter-spacing:-2px;  float:left;}
.content .mainPageNews a.moreOnBlog{float:right;}
.content .mainPageNews ul.itemList{list-style-type:none;}
.content .mainPageNews ul.itemList li{position:relative; width:333px; height:172px; float:left;}
.content .mainPageNews ul.itemList li .newsLink{position:absolute; display: block; width: 273px; height: 142px; padding:25px 25px 0px 25px; margin:5px 5px 0; z-index: 5;}
.content .mainPageNews ul.itemList li .date{width:60px;  float:left;  text-align:right;  padding:0px 20px 0px 0px;}
.content .mainPageNews ul.itemList li .date span{display:block;  text-align:right;}
.content .mainPageNews ul.itemList li .date span.month{font-size:11px;  font-family:Georgia;  font-style:italic;}
.content .mainPageNews ul.itemList li .date span.day{font-size:50px;  line-height:50px;  font-family:'PoliticaXTLightRegular';}
.content .mainPageNews ul.itemList li .date span.year{font-size:12px;  font-family:Georgia;  font-style:italic;}
.content .mainPageNews ul.itemList li .text{display:block;  float:left;  width:190px;}
.content .mainPageNews ul.itemList li .text p{font-size:11px;  line-height:15px;  padding-bottom:10px;}

.content .mainPageNews ul.itemList li .newsHover{position:absolute; top:0; width:333px; height:172px; background: url('./img/bkg/main_page_news_over.png'); display: none; z-index: 2;}

/* ----------------------------------------------------------- .main page news */
/* ----------------------------------------------------------- main page case study */
.content .mainPageCaseStudy{margin-top:10px;  clear:both;  height:425px;  position:relative; margin-left:30px;width:940px;}
.content .mainPageCaseStudy .thumb{position:absolute; top:0px; z-index:9;}
.content .mainPageCaseStudy .text{z-index:10;  position:relative;  text-align:right;}
.content .mainPageCaseStudy .text h2{font-size:70px;  line-height:70px;  color:#262626;  font-family:'PoliticaXTLightRegular';  padding:12px 0px 5px 0px;  letter-spacing:-2px;  float:right;  clear:both;  text-align:right;}
.content .mainPageCaseStudy .text h3{font-size:54px;  line-height:54px;  color:#262626;  font-family:'PoliticaXTLightRegular';  padding:0px 0px 30px 0px;  letter-spacing:-2px;  float:right;  clear:both;  text-align:right;}
.content .mainPageCaseStudy .text h3 span{font-size:30px;  line-height:30px;display: block;}
.content .mainPageCaseStudy .text p{font-size:11px;  line-height:18px;  float:right;  clear:both; width:480px; text-align:right; padding:10px 0px 10px 0px;}
/* ----------------------------------------------------------- .main page case study */

/* ----------------------------------------------------------- clients page */
.content .clientsContent {padding:0 0 20px;}
.content .clientsContent h1{padding:35px 0px 0 0px;float:right;}
.content .clientsContent ul.itemList{padding:30px 0px 0px 0px;list-style-type:none;}
.content .clientsContent ul.itemList li{position:relative; list-style-type:none;float:left;width:333px;margin:10px 0; padding:52px 0;}
.content .clientsContent ul.itemList li.last{padding-right:0px;}
.content .clientsContent ul.itemList li h2{display:block; height:110px; text-align:center;}
.content .clientsContent ul.itemList li h2 img{margin:0px auto;}
.content .clientsContent ul.itemList li .about{position:absolute; top:0; z-index:20; width:293px; height: 115px; margin:20px 0 0; padding:40px 20px; opacity:0; z-index:100;}
.content .clientsContent ul.itemList li.first .about{padding:60px 20px 20px;}
.content .clientsContent ul.itemList li.last .about{padding:20px 20px 20px;}
.content .clientsContent ul.itemList li .about strong.title{font-size:18px;font-weight:normal;color:#FFF;display:block;padding-bottom:10px;}
.content .clientsContent ul.itemList li .about p{font-size:11px;font-weight:normal;color:#FFF;}


.clientHoverContener{position:absolute;display:none;z-index:20;width:100%; height:235px; background: url('./img/bkg/clients_over_bg.png') no-repeat center center;}
.clientHoverContener .clientHoverContainer{position:relative; width:1000px; height:235px; margin:0 auto; background: url('./img/bkg/clients_over_bg.png');}
.clientHoverContener .clientHoverMask{position:absolute; top:0; z-index:15; width:100%; height:235px; background: url('./img/bkg/clients_over_mask.png') no-repeat center center;}
.clientHoverContener .clientHoverColor{position:absolute; top:0; z-index:10; height: 235px; width:333px; background: #a479cd;}
.clientHoverContener .textBox{position:relative; top:0; z-index:20; width:293px; height: 115px; padding:20px; margin:40px 0;}
.clientHoverContener .textBox.first{margin:60px 0 0;}
.clientHoverContener .textBox.last{margin:20px 0 0;}
.clientHoverContener .textBox  strong.title{font-size:18px;font-weight:normal;color:#FFF;display:block;padding-bottom:10px;}
.clientHoverContener .textBox  p{font-size:11px;font-weight:normal;color:#FFF;}


/* ----------------------------------------------------------- .clients page */

/* ----------------------------------------------------------- about us page */

.aboutUs h1{padding:35px 0 0;}

.content .aboutUsMain{padding:35px 0px 0px 0px; width:462px;float:left;}
.content .aboutUsSub{padding:35px 0px 0px 0px; width:444px;float:right;}
.content .aboutUsMain h2, .content .aboutUsSub h2{font-size:60px; font-weight:normal; font-family:'PoliticaXTLightRegular';line-height:60px;}
                   
/* -------------------------------------------------------- about company */
.content .aboutCompany .aboutCompanyText{padding-top:20px; float:left; width:260px;}
.content .aboutCompany .aboutCompanyRightText{float:right; width:170px;}       
.content .aboutCompany p{font-size:13px;line-height:28px;padding:10px 0px;} 
/* -------------------------------------------------------- .about company */
.content .galleryBox h2{margin-bottom:28px;}
.content .galleryBox .galleryScrollBox{height:590px;overflow:hidden;position:relative;}
.content .galleryBox .gallerySliceScrollBox{width:148px;height:590px;float:left;padding-right:9px;position:relative;}
.content .galleryBox .galleryScrollBox .gallerySliceScroller{position:absolute;}
.content .galleryBox .gallerySliceScrollBoxLast{padding-right:0px;}
.content .galleryBox .gallerySliceScrollBox ul{list-style-type:none;}
.content .galleryBox .gallerySliceScrollBox ul li{float:left;padding-bottom:9px;}
.content .galleryBox .gallerySliceScrollBox ul li a{float:left;}
.content .galleryBox .galleryScrollBox .scrollerInfo{width:233px; height:233px;background: url('./img/bkg/gallery_scroller_info.png');position:absolute;left:114px;top:180px;}                                                             
.content .galleryBox .galleryScrollBox:hover .scrollerInfo{display:none;}
/* -------------------------------------------------------- about stuff */
.content .aboutStaff .staffDetails{position:relative;width:442px;overflow:hidden;}    
.content .aboutStaff .staffDetails .staffDetailsScroller{position:relative;}                                                   
.content .aboutStaff .staffDetails img{margin:28px 0px 25px 0px;position:relative;}
.content .aboutStaff .staffDetails h3{font-family:'PoliticaRegular';font-size:48px;line-height:48px;font-weight:normal;display:block;position:relative;}
.content .aboutStaff .staffDetails .postion{font-family:'PoliticaXTLightRegular';font-size:48px;line-height:48px;font-weight:normal;padding:5px 0px 0px 0px;display:block;position:relative;}
.content .aboutStaff .staffDetails p{line-height:18px;display:block;padding:20px 0px 0px 0px;position:relative;}
.content .staffList{display:none;}
.content .staffScroll{width:442px;height:27px;background: url('./img/bkg/about_staff_scroller_bkg.jpg');font-size:20px;margin-top:45px;position:relative;}
.content .staffScroll .scrollButtons{position:absolute;width:60px;}      
.content .staffScroll .scrollButtons span{width:30px;height:27px;display:block;cursor:pointer;float:left;}
.content .staffScroll .scrollButtons span.prev{background:url('./img/button/about_staff_scroll_prev.png');}
.content .staffScroll .scrollButtons span.next{background:url('./img/button/about_staff_scroll_next.png');}
.content .staffScroll .scrollButtons span:hover{background-position: 0px -27px;}       
.content .staffScroll .scrollButtons span.disabled{background-position: 0px -54px;}     
/* -------------------------------------------------------- about stuff */
/* ----------------------------------------------------------- .about us page */
                                                                                             
/* ----------------------------------------------------------- contact page */

.contactPage{
	
}

.contactPage h1{
	text-align: right;
}

	.contactPage .contactPerson{
		list-style: none;
		margin: 30px 0 0;
	}
		.contactPage .contactPerson li{
			float: left;
			width: 460px;
			padding: 0 20px;
			margin: 0 0 60px;
		}
		
		.contactPage .contactPerson h4{ 
			float: left;
			width:190px;
			color: #262626;
			font-family: 'PoliticaRegular';
			font-size: 28px;
			font-weight:normal;
			line-height: 28px;
			padding: 0;
			margin:18px 0 5px;
			text-align: left;
		}
		
		.contactPage .contactPerson h5{ 
			font-size: 14px;
			color:#262626;
			font-weight: normal;
			margin:5px 0 15px;
		}
		
		.contactPage .contactPerson img{
			float: right;
			width: 250px;
			height: 121px;
			margin:0 0 0 5px;
			background: url('./img/bkg/contact_person_bkg.png') no-repeat top right;
		}
		
		.contactPage .contactPerson p{
			font-size: 12px;
			line-height: 18px;	
			color: #61615f;		
		} 

.contactPage .contactMain{padding:35px 0px 0px 0px; width:444px;float:left;}
.contactPage .contactMain h3{ 
		clear: both;
		color: #343434;
		font-family: 'PoliticaXTLightRegular';
		font-size: 70px;
		line-height: 70px;
		padding: 0 5px;
		margin: 20px 0 5px;
		text-align: left;
		}
		.contactPage .contactMain h3 span{
			display: block;
			font-size: 50px;
			line-height: 50px;
		}
		
.contactPage .contactMain p{line-height: 22px; padding:10px 0; text-align:right;}

.contactPage .contactForm{padding:35px 0px 0px 0px; width:444px;float:right;}
.contactPage .contactForm form{padding:20px 0px 0px 0px;}
.contactPage .contactForm form ul{list-style-type:none;}

.contactPage .contactForm form ul li .input{position:relative; width:215px;height:30px;background:url('./img/bkg/input_text_bkg.png') no-repeat top left; margin-top:5px;}
.contactPage .contactForm form ul li .input input{position:absolute; z-index:10; font-size:14px;font-family:Arial;color:#61615f;width:185px;height:14px;padding:8px 15px;border:none; background: none; outline: none;}
.contactPage .contactForm form ul li .input input:focus{color:#fff;}
.contactPage .contactForm form ul li .input input.error{}
.contactPage .contactForm form ul li .input .inputBgHover{position:absolute; top:0; z-index:2; width:215px;height:30px; background:url('./img/bkg/input_text_bkg.png') no-repeat center left; opacity: 0;}
.contactPage .contactForm form ul li .input .inputBgFocus{position:absolute; top:0; z-index:4; width:215px;height:30px; color:#fff; background:url('./img/bkg/input_text_bkg.png') no-repeat bottom left; opacity: 0;}

.contactPage .contactForm form ul li .textarea{position:relative; width:427px;height:274px;background:url('./img/bkg/textarea_bkg.png') no-repeat top left; margin-top:5px;}
.contactPage .contactForm form ul li .textarea textarea{position:absolute; z-index:10; font-size:14px;font-family:Arial;color:#61615f;width:382px;min-width:382px;max-width:382px;height:174px;min-height:174px;max-height:174px;padding:50px 30px 50px 15px;border:none;background:none; overflow:auto; outline: none;}                     
.contactPage .contactForm form ul li .textarea textarea.error{}
.contactPage .contactForm form ul li .textarea textarea:focus{color:#FFF;}
.contactPage .contactForm form ul li .textarea .textareaBgHover{position:absolute; top:0; z-index:2; width:427px;height:274px; background:url('./img/bkg/textarea_bkg.png') no-repeat center left; opacity: 0;}
.contactPage .contactForm form ul li .textarea .textareaBgFocus{position:absolute; top:0; z-index:4; width:427px;height:274px; color:#fff; background:url('./img/bkg/textarea_bkg.png') no-repeat bottom left; opacity: 0;}

.contactPage .contactForm form label.error{color:red; display:none; font-size: 10px;}
.contactPage .contactForm form .iButton{font-size:14px;color:#262626;font-style:italic;font-family:Georgia;background:#FFF url('./img/ico/link_arrow_left.png') 100% 8px no-repeat;padding-right:8px;border:none;margin:25px 0px 50px 10px;cursor:pointer;}


.infoBox{
	width:180px !important;
	height:220px;
	padding: 15px 98px 50px 22px;
	background:url('./img/bkg/map_infobox.png') no-repeat bottom left;
}

	.infoBox .infoBoxContent{
		padding:30px 0 0;
	}
		.infoBox .infoBoxContent p{
			margin:10px 0;
		}

/* ----------------------------------------------------------- .contact page */   

/* ----------------------------------------------------------- raport page */

.raportPage{
	
}

.raportPage h1{
	text-align: right;
}


.raportPage h3{ 
	clear: both;
	color: #343434;
	font-family: 'PoliticaXTLightRegular';
	font-size: 30px;
	line-height: 30px;
	padding: 0;
	margin: 20px 0 0;
	text-align: left;
	}
	.raportPage h3 img{
			vertical-align: middle;
			margin: 0 0 0 20px;
	} 
		
.raportPage .raportContent p{line-height: 22px; font-size:14px; padding:10px 0; text-align:right;}

.raportPage .raportForm{padding:35px 0px 0px 0px;}
.raportPage .raportForm form{padding:20px 0px 0px 0px; float:left;}
.raportPage .raportForm form ul{list-style-type:none;}
.raportPage .raportForm form ul li{color:#61615f;}

.raportPage .raportForm form ul li .input{position:relative; width:215px;height:30px;background:url('./img/bkg/input_text_bkg.png') no-repeat top left; margin-top:5px;}
.raportPage .raportForm form ul li .input input{position:absolute; z-index:10; font-size:14px;font-family:Arial;color:#61615f;width:185px;height:14px;padding:8px 15px;border:none; background: none; outline: none;}
.raportPage .raportForm form ul li .input input:focus{color:#fff;}
.raportPage .raportForm form ul li .input input.error{}
.raportPage .raportForm form ul li .input .inputBgHover{position:absolute; top:0; z-index:2; width:215px;height:30px; background:url('./img/bkg/input_text_bkg.png') no-repeat center left; opacity: 0;}
.raportPage .raportForm form ul li .input .inputBgFocus{position:absolute; top:0; z-index:4; width:215px;height:30px; color:#fff; background:url('./img/bkg/input_text_bkg.png') no-repeat bottom left; opacity: 0;}

.raportPage .raportForm form ul li .textarea{position:relative; width:427px;height:274px;background:url('./img/bkg/textarea_bkg.png') no-repeat top left; margin-top:5px;}
.raportPage .raportForm form ul li .textarea textarea{position:absolute; z-index:10; font-size:14px;font-family:Arial;color:#61615f;width:382px;min-width:382px;max-width:382px;height:174px;min-height:174px;max-height:174px;padding:50px 30px 50px 15px;border:none;background:none; overflow:hidden; outline: none;}                     
.raportPage .raportForm form ul li .textarea textarea.error{}
.raportPage .raportForm form ul li .textarea textarea:focus{color:#FFF;}
.raportPage .raportForm form ul li .textarea .textareaBgHover{position:absolute; top:0; z-index:2; width:427px;height:274px; background:url('./img/bkg/textarea_bkg.png') no-repeat center left; opacity: 0;}
.raportPage .raportForm form ul li .textarea .textareaBgFocus{position:absolute; top:0; z-index:4; width:427px;height:274px; color:#fff; background:url('./img/bkg/textarea_bkg.png') no-repeat bottom left; opacity: 0;}

.raportPage .raportForm form ul li .select{margin:15px 0 0; font-size: 14px;}
.raportPage .raportForm form ul li .select label{float: left; margin:0 20px 0 0;}

.raportPage .raportForm form ul li .checkbox{margin:15px 0 0; font-size: 10px; width: 570px; padding:15px; background:#FFF url('./img/bkg/raportCheckbox.jpg') 0 0 no-repeat; }
.raportPage .raportForm form ul li .checkbox label span{margin:0 0 5px 35px; display: block}
.raportPage .raportForm form ul li .checkbox p{margin:20px 0 0 35px;}

.raportPage .raportForm form label{color:#61615f;}
.raportPage .raportForm form label.error{color:red; display:none; font-size: 10px;}
.raportPage .raportForm form .iButton{font-size:14px;color:#262626;font-style:italic;font-family:Georgia;background:#FFF url('./img/bkg/raport_button.png') 0 0 no-repeat; text-indent:-9999px ;width:167px; height:51px; border:none;margin:25px 0px 50px 10px;cursor:pointer;}

.raportPage .raportForm fieldset{
	width: 100%;
	float: none;
}

.raportPage .raportForm .leftColumn{
	float: left;
	width: 400px;
}


.raportPage .raportContent{
	float: right;
	width:600px;	
}
/* ----------------------------------------------------------- .raport page */   
         
/* ----------------------------------------------------------- portfolio list page */
.content .portfolioMain h1{text-align:right;padding:20px 30px 0px 0px;}
.content .portfolioList {
	clear: both;
	
}
.content .portfolioList .portfolioItem{
	position: relative;
	margin: 0 0px 50px;
	padding: 0;
}

.content .portfolioList .portfolioItem h2{
	position:absolute;
	z-index: 150;
	font-family: 'PoliticaXTLightRegular';
	font-size: 110px;
	line-height: 1em;
	padding: 0;
	margin: 0;
	text-align: left;
}

	.content .portfolioList .portfolioItem h2 .size80{
		display: block;
		font-size: 80px;
		line-height: 1em;
	}
	.content .portfolioList .portfolioItem h2 .size50{
		display: block;
		font-size: 50px;
		line-height: 1em;
	}
	.content .portfolioList .portfolioItem h2 .size40{
		display: block;
		font-size: 40px;
		line-height: 1em;
	}
	.content .portfolioList .portfolioItem h2 .size30{
		display: block;
		font-size: 30px;
		line-height: 1em;
	}
	.content .portfolioList .portfolioItem h2 .size20{
		display: block;
		font-size: 20px;
		line-height: 1em;
	}
	
	.content .portfolioList .portfolioItem h2 a{
		text-decoration: none;		
	}
	
.content .portfolioList .portfolioItem .portfolioDescription{
	position: absolute;
	z-index: 200;
}

.content .portfolioList .portfolioItem .portfolioDescription p{
	margin: 10px 0px;
	line-height: 20px;
	font-size: 11px;
}

.content .portfolioList .portfolioItem .portfolioDescription .more{
	float: left;
	margin: 20px 0 0;
}

.content .portfolioList .portfolioItem img{
	position: absolute;
	top: 0;
	left:30px;
	z-index: 100;
}

.content .portfolioList .portfolioItem .portfolioLink{
	position: absolute;
	top: 0;
	left:0;
	z-index: 200;
	width: 100%;
	height: 100%;
}

#portfolioTSV{ height: 436px; }
#portfolioTSV .portfolioDescription{float: right;  width:300px; margin: 20px 0 0; }
#portfolioTSV .more{float: right; }

#portfolioZywiecKatalogProduktow{ height: 436px; }
#portfolioZywiecKatalogProduktow h2{top:40px; left:515px; }
#portfolioZywiecKatalogProduktow .portfolioDescription{width:455px; top:220px; left:515px; }

#portfolioWajnert{ height: 405px; }
#portfolioWajnert h2{top:60px; left:30px; }
#portfolioWajnert .portfolioDescription{width:400px; top:180px; left:30px; }

#portfolioWielkanosc2011{ height: 695px; }
#portfolioWielkanosc2011 h2{top:120px; left:425px; }
#portfolioWielkanosc2011 .portfolioDescription{width:540px; top:350px; left:425px; }

#portfolioMohitoWiosnaLato2011{ height: 515px; }
#portfolioMohitoWiosnaLato2011 h2{ top:40px; left:25px; }
#portfolioMohitoWiosnaLato2011 .portfolioDescription{width:350px; top:350px; left:30px; }

#portfolioBlow{ height: 350px; }
#portfolioBlow h2{top:80px; left:500px; }
#portfolioBlow .portfolioDescription{width:465px; top:200px; left:500px;}

#portfolioBozeNarodzenie2010{ height: 460px; }
#portfolioBozeNarodzenie2010 h2{width:320px; top:40px; left:30px; text-align: right; }
#portfolioBozeNarodzenie2010 .portfolioDescription{top:300px; left:30px;  width: 320px; text-align: right;}
#portfolioBozeNarodzenie2010 .more{float: right; }

#portfolioArchon{ height: 420px; }
#portfolioArchon h2{top:80px; left:580px; }
#portfolioArchon .portfolioDescription{top:230px; left:580px;  width: 390px;}

#portfolioKdwtZyskowni{ height: 420px; }
#portfolioKdwtZyskowni h2{top:40px; left:30px; }
#portfolioKdwtZyskowni .portfolioDescription{ top:250px; left:30px; width: 365px;}

#portfolioiComarch24{ height: 380px; }
#portfolioiComarch24 h2{top:40px; left:30px; font-size: 90px; }
#portfolioiComarch24 .portfolioDescription{top:280px; left:600px; width: 365px; text-align: right;}


#portfolioMeritumBank{ height: 330px; }
#portfolioMeritumBank h2{top:40px; left:30px; font-size: 75px; }
#portfolioMeritumBank .portfolioDescription{top:180px; left:30px;width: 400px;}

#portfolioCracovia{ height: 454px; }
#portfolioCracovia h2{top:100px; left:550px; font-size: 100px; }
#portfolioCracovia .portfolioDescription{top:250px; right:30px; width:300px;text-align: right;}

#portfolioHomoCracoviensis{ height: 454px; }
#portfolioHomoCracoviensis h2{top:60px; left:440px; font-size: 80px; }
#portfolioHomoCracoviensis .portfolioDescription{top:250px; left:440px;width: 500px;}

#portfolioMohitoJesienZima2010{ height: 510px; }
#portfolioMohitoJesienZima2010 h2{top:40px; right:30px; text-align: right; font-size: 90px; }
#portfolioMohitoJesienZima2010 .portfolioDescription{top:350px; left:30px; width: 400px;}

#portfolioLuxmed{ height: 315px; }
#portfolioLuxmed h2{top:0px; left:30px; }
#portfolioLuxmed .portfolioDescription{top:150px; left:30px; width: 350px;}

#portfolioFundacjaUrszuliSmok{ height: 455px; }
#portfolioFundacjaUrszuliSmok h2{top:40px; right:30px; text-align: right; font-size: 100px;}
#portfolioFundacjaUrszuliSmok .portfolioDescription{ top:200px; left:30px; width: 300px;}

#portfolioSointeractive2009{ height: 340px; }
#portfolioSointeractive2009 h2{top:40px; left:30px; font-size: 60px;}
#portfolioSointeractive2009 .portfolioDescription{top:80px; left:780px; width: 180px;}
              
/* ----------------------------------------------------------- .portfolio list page */
                                                                
/* ----------------------------------------------------------- portfolio details page */
.content .portfolioDetailsText{width:300px;float:left;padding:60px 0px 30px 30px;}
.content .portfolioDetailsText h1{font-family:'PoliticaXTLightRegular';font-size:40px;line-height:40px;font-weight:normal;padding:0px 0px 10px 0px;display:block;position:relative;color:#262626;text-align:right; text-transform:none; letter-spacing:-2px;}
.content .portfolioDetailsText h1 span{font-size:40px;line-height:44px;display:block;}
.content .portfolioDetailsText .projectInfo{padding-bottom:10px;}
.content .portfolioDetailsText .projectInfo ul{list-style-type:none;}
.content .portfolioDetailsText .projectInfo ul li{text-align:right;padding:5px 0px 0px 0px;}
.content .portfolioDetailsText .projectInfo ul li strong{font-size:14px;line-height:24px;padding:4px 0;font-family:'PoliticaRegular';display:block;}        
.content .portfolioDetailsText .projectInfo ul li span{font-size:20px;line-height:24px;padding:4px 0;font-family:'PoliticaRegular';display:block;}                
.content .portfolioDetailsText .projectInfo ul li a{font-size:20px;line-height:24px;padding:4px 0;font-family:'PoliticaRegular';display:block;}                
.content .portfolioDetailsText .wysiwyg{text-align:right;padding-top:10px;} 
.content .portfolioDetailsText .wysiwyg p{font-size: 12px; line-height: 20px; padding: 10px 0;} 
.content .portfolioDetailsText .wysiwyg a{color:#a479cd;} 
.content .portfolioDetailsPhotos{width:580px;float:right;padding:60px 30px 30px 0px;}
.content .portfolioDetailsPhotos ul{list-style-type:none;}
.content .portfolioDetailsPhotos ul li{float:left;}
.content .portfolioDetailsPhotos ul li img{display:block;float:left;}                                                                                       
.content .portfolioDetailsPhotos ul li iframe{display:block;float:left;}                                                                                       
/* ----------------------------------------------------------- .portfolio details page */   
                                                   
/* ----------------------------------------------------------- services page */
.servicesPage{background: url("../img/bkg/long_bottom_shadow_separator_services.jpg") no-repeat center bottom; position: relative;}

.servicesPage h1{font-size:80px;line-height:80px;color:#a479cd;font-weight:bold;font-family:'PFSquareSansProExtraBlack', 'Arial Black', Arial;text-transform:uppercase;letter-spacing:-4px;text-align:right;padding-right:30px;}

.servicesMenu {position:absolute;padding:0px; z-index: 200; margin:0 0 0 20px;}


.servicesMenu ul{list-style-type:none; overflow:hidden;}
.servicesMenu ul li{margin:5px 3px; height:34px;}
.servicesMenu ul li a{float:left;display:block;font-size:20px;color:#262626;font-family:'PoliticaRegular'; text-transform: uppercase; height:34px; padding:0 8px 0 0;}
.servicesMenu ul li a:hover{text-decoration:none;}
.servicesMenu ul li .subMenuText{display:none;}
.servicesMenu ul li a span{display:block; padding:7px 0 7px 8px; height:20px; line-height: 20px; z-index: 5;}
.servicesMenu ul li a.active{ background:url('./img/bkg/main_menu_active_end.png') no-repeat right; z-index: 5;}
.servicesMenu ul li a.active span{ color:#fff; background:url('./img/bkg/main_menu_active.png') no-repeat left; z-index: 5; }

.servicesMenu ul li.backLava{ background:url('./img/bkg/main_menu_over_end.png') no-repeat right; margin:0;}
.servicesMenu ul li.backLava div {  background:url('./img/bkg/main_menu_over.png') no-repeat left; height: 100%; margin-right:2px;}



.servicesMask{position:absolute; top:0; left:0; height: 500px; width:200px; z-index:100; background:url('./img/bkg/services_mask.png') no-repeat top right;}

.servicesMain{
	overflow: hidden;
    width: 100%;
}

	.servicesMain .serviceContainer{
		width:5000px;
	}
		
	.servicesMain .serviceSection{
		float:left;
		min-width: 1000px;
		width: 100%;
	}
			
	.servicesMain .servicesElement{
		width:100%;
	}
	
	.servicesMain .servicesContent{
		width:1000px;
		margin: 0 auto;
		padding:5px 0;
		position: relative;
		overflow: hidden;
	}

	.servicesInfo{
		width: 700px;
		padding: 0 0 100px 300px;
	}

	.servicesMain h2{ 
		float: right;
		width:700px;
		color: #262626;
		font-family: 'PoliticaXTLightRegular';
		font-size: 60px;
		font-weight:normal;
		letter-spacing: -2px;
		line-height: 60px;
		padding: 0;
		margin:0px 0 30px;
		text-align: left;
		}
		
	.servicesMain h3{ 
		clear: both;
		color: #343434;
		font-family: 'PoliticaRegular';
		font-size: 28px;
		line-height: 40px;
		padding: 0;
		margin: 30px 0 5px;
		text-align: left;
		}
		
	.servicesMain h4{ 
		clear: both;
		color: #343434;
		font-family: 'PoliticaRegular';
		font-size: 20px;
		line-height: 20px;
		padding: 0;
		margin: 40px 0 15px;
		text-align: left;
		}
	
		
	.servicesMain p{
		text-align:left;
		line-height:22px;
		margin: 20px 0 0;
	}	
	.servicesMain a{
		color: #A479CD;
	}	
	
	.servicesMain ul{
		list-style:square;
		text-align:left;
		margin: 0 0 0 20px;
	}
	
		.servicesMain ul li{
			line-height: 22px;
		}
	
	.servicesClients{
		margin:0;
		height: 200px;
	}
	
	.servicesClients h3{
		clear: both;
		color: #262626;
		font-family: 'PoliticaXTLightRegular';
		font-size: 30px;
		font-weight:normal;
		letter-spacing: -1px;
		line-height: 30px;
		height: 30px;
		margin:20px 0 0;
		text-align: left;
	}
	
	.servicesMain ul.clientsLists{
		list-style:none;
		padding: 20px 0;
	}
		.servicesMain ul.clientsLists li{
			float: left;
			width:156px;
			text-align:center;
			margin: 10px 5px 0;
		}

		
/* ----------------------------------------------------------- .services page */

                                                                                      
/* --------------------------------------------------------------------- CONTENT */          

/* --------------------------------------------------------------------- FOOTER */
.footer{position:relative;clear:both;height:400px;}
/* ----------------------------------------------------------- contact */
.footer .contactBox{width:897px;height:304px;background:url('./img/bkg/footer_contact_box_bkg.png');float:left;}
.footer .contactBox .addresItem{width:200px;float:left;padding:80px 0px 0px 30px;}
.footer .contactBox .addresItem h3{font-size:40px;font-family:'PoliticaXTLightRegular';color:#262626;padding:0px 0px 20px 0px;letter-spacing:-2.5px;}
.footer .contactBox .addresItem p{font-size:11px; line-height:18px;}
.footer .contactBox .contactItem{width:200px;float:left;padding:60px 0px 0px 55px;text-align:right;}
.footer .contactBox .contactItem h3{font-size:60px;font-family:'PoliticaXTLightRegular';color:#262626;padding:0px 0px 10px 0px;text-align:right;line-height:50px;letter-spacing:-2.5px;}
.footer .contactBox .contactItem h3 span{font-size:32px;display:block;}
.footer .contactBox .contactItem a{color:#262626;font-size:16px;font-family:Georgia;font-style:italic;letter-spacing:-1.5px;line-height:18px;}
.footer .contactBox .contactItem a span{font-size:28px;display:block;line-height:28px;position:relative;top:-3px;}
.footer .contactBox .contactItem a:hover{text-decoration:none;}
/* ----------------------------------------------------------- .contact */
/* ----------------------------------------------------------- social */

.footer .socilaBox{width:103px;height:250px;background:url('./img/bkg/footer_social_box.png'); float:right;}
.footer .socilaBox ul{list-style-type:none;padding:15px 0 0;}
.footer .socilaBox ul li{ width:102px; padding:0; margin:5px 0px 0px 0px; text-align: center;}
.footer .socilaBox ul li a{display:block; width:50px; height:50px; margin: 0 auto;}
.footer .socilaBox ul li a span{display:none;}
.footer .socilaBox ul li.facebook{background:url('./img/social/footer_social_facebook.png') no-repeat -102px 50%;}
.footer .socilaBox ul li.twitter{background:url('./img/social/footer_social_twitter.png') no-repeat -102px 50%;}
.footer .socilaBox ul li.blip{background:url('./img/social/footer_social_blip.png') no-repeat -102px 50%;}
.footer .socilaBox ul li.vimeo{background:url('./img/social/footer_social_vimeo.png') no-repeat -102px 50%;}

/* ----------------------------------------------------------- .social */
/* ----------------------------------------------------------- play */
.footer .playButton{position:absolute;top:243px;left:470px;}
.footer .playButton a{width:61px;height:60px;display:block; background:url('./img/button/footer_play.png');}
.footer .playButton a span{display:none;}
/* ----------------------------------------------------------- .play */
/* ----------------------------------------------------------- menu */
.footer .menu{float:right;padding:0px 30px 0px 0px;width:240px;height:100px;position:relative;top:-20px;z-index:11;}
.footer .menu ul{list-style-type:none;text-align:right;}
.footer .menu ul li{padding:0px 5px;display:inline;line-height:23px;}
.footer .menu ul li a{font-size:16px;color:#262626;font-weight:normal;font-family:'PoliticaRegular'; text-transform: uppercase;}
.footer .menu ul li a:hover{text-decoration:none;}
/* ----------------------------------------------------------- .menu */
/* --------------------------------------------------------------------- .FOOTER */




.blogContent .blogMain{
	margin:0 20px 0 0;
}

	.blogContent h1{
		text-align:right;
		padding: 35px 0 0;
	}

	.blogContent h2,
	.sidebarBottom h2{
		font-size:120px;
		font-weight:normal;
		font-family:'PoliticaXTLightRegular';
		line-height:120px;
		text-align:right;
	}

	.blogContent h2.archiveTitle{
		font-size: 60px;
		line-height: 50px;
	}
	
	.blogContent h2.archiveTitle span{
		display: block;
		font-size:37px;
	}
	.blogContent h3,
	.sidebarBottom h3{
		font-size:70px;
		font-weight:normal;
		font-family:'PoliticaXTLightRegular';
		line-height:60px;
		text-align:right;
	}

	.blogContent h4,
	.sidebarBottom h4{
		font-size:34px;
		font-weight:bold;
		font-family:'PoliticaRegular';
		line-height:40px;
	}
	
.post{
	float:right;
	width:720px;
	margin:0 0 50px;
}	

.blogMain .postMeta{
	float:left;
	width:235px;
	margin:0 35px 0 0;
	text-align:right;
}

	.blogMain .postMeta .postDate{
		font-size:13px;
		color:#969696;
	}
	
	.blogMain .postMeta h4{
		margin:10px 0 30px;
	}
	
	.blogMain .postMeta h4 a{
		text-decoration: none;
	}
	
	.blogMain .postMeta .social{
		color:#969696;
	}
		.blogMain .postMeta .social span{
			color:#a98be2;
			font-weight:bold;
		}
	
	.blogMain .postMeta .postCategories p{
		font-size:18px;
		font-weight:bold;
		font-family:'PoliticaRegular';
		line-height:40px;
		color:#343434;
	}

	.blogMain .postMeta .postCategories,
	.blogMain .postMeta .postCategories a{
		font-size:13px;
		color:#969696;
	}
	
	.blogMain .postMeta .postComments{
		margin:20px 0;
	}
	
	.blogMain .postMeta .postComments a{
		float:right;
		display:block;
		line-height:39px;
		font-size:13px;
		font-weight:bold;
		color:#a98be2;
	}
	
	.blogMain .postMeta .postComments a span{
		float:right;
		display:block;
		width:30px;
		height:27px;
		line-height:27px;
		padding:6px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:url('./img/bkg/comments_count.png') no-repeat center center;
	}
	
.blogMain .postContent{
	width:450px;
	float:left;
}

	.blogMain .postContent img{
		margin:0;
	}
	
	.blogMain .postContent p{
		text-align:right;
		line-height:20px;
		color:#343434;
		margin: 0 0 15px;
	}
	
	.blogMain .postContent p a{
		color:#A479CD;
	}
	
	.blogMain .postContent ul{
		margin:10px 0 10px 25px;
		list-style:square;
	}
		.blogMain .postContent li{
			line-height:22px;
			color:#343434;
			margin: 0 0 15px;
		}
	
	
	.blogMain .postContent .more-link{
		display:block;
		margin:10px 0 20px;
		font-family:Georgia;
		font-style:italic;
		font-size:14px;
		text-align:right;
		color:#262626;
	}
	

	
.sidebarBottom{
	padding:35px 0 0;
}

.sidebarBottom div.widget {
	margin:0 0 25px;
}	
	
.sidebarBottom h3{
	text-indent:300px;
}
	
	
	
.menu-categories-container{
	float:right;
	margin:20px 0 30px;
}
.subMenu{
	float:right;
	list-style:none;
	margin: 0 10px 0 0;
}	
	.subMenu li{
		float:left;
	}
	
		.subMenu li a{
			display:block;
			font-size:14px;
			line-height:18px;
			color:#61615f;
			text-decoration:none;
		}
		
		.subMenu li a:hover{
			color:#a479cd;
		}
		
		.subMenu li.current-menu-item a,
		.subMenu li.active a{
			color:#a479cd;
			font-weight:bold;
		}
		
		.subMenu li a span{
			display:block;
			padding:21px 17px 10px;
			height:18px;
			background: url('./img/bkg/sub_menu_element.png') no-repeat bottom left;
		}
		
		.subMenu li.first a{
			padding: 0 0 0 20px;
			background: url('./img/bkg/sub_menu_first.png') no-repeat bottom left;
		}
		
		.subMenu li.first a span{
			padding-left:0;
			background: url('./img/bkg/sub_menu_first.png') no-repeat bottom right;
		}
		
		.subMenu li.last a{
			padding: 0 20px 0 0;
			background: url('./img/bkg/sub_menu_last.png') no-repeat bottom right;
		}
		.subMenu li.last a span{
			padding-right:0;
			background: url('./img/bkg/sub_menu_last.png') no-repeat bottom left;
		}
		
.subMenuDown{
	margin:0 3px 30px 0;
	float:right;
	list-style:none;
}	
	.subMenuDown li{
		float:left;
	}		

		.subMenuDown li a{
			display:block;
			font-size:14px;
			line-height:18px;
			color:#61615f;
			text-decoration:none;
		}
		
		.subMenuDown li a:hover{
			color:#a479cd;
		}
				
		.subMenuDown li.current-menu-item a,
		.subMenuDown li.active a{
			font-weight:bold;
			color:#a479cd;
		}
		
		.subMenuDown li a span{
			display:block;
			padding:16px 17px 15px;
			height:18px;
			background: url('./img/bkg/sub_menu_sub.png') no-repeat top right;
		}
		
		.subMenuDown li.last a{
			padding: 0 10px 0 0;
		}
		
		.subMenuDown li.first a span{
			background: url('./img/bkg/sub_menu_sub.png') no-repeat top right !important;
		}
		.subMenuDown li.last a span{
			background:none;
		}
		
		
		.widget_anual_archive .subMenu a span{
			padding:16px 30px 15px;
		}
		
		.widget_anual_archive .subMenu .first a{
			padding:0 0 0 50px;
		}
		
		.widget_anual_archive .subMenu .last a{
			padding:0 50px 0 0;
		}
		
		
		
		
/* --------------------------------------------------------------------- comment form */

	
.comments{
	float:right;
	width: 465px;
}	
	.comments h4{
		text-align:right;
		margin:0 0 20px;
	}
	
	.comments .commentList{
		list-style:none;
		margin:0 0 40px;
	}
	
	.comments .commentList li{
		margin:30px 0 0;
		padding:0 0 40px 50px;
		border-bottom:1px dotted #c6c6c6;
	}
	
	.comments .commnetMeta{
		float:right;
		width: 100%;
		margin:0 0 10px;
	}
		.comments .commnetMeta .gravatar{
			float:right;
			position:relative;
			width:50px;
			height:50px;
			margin:0 0 0 15px;
		}
		
			.comments .commnetMeta .gravatar img{
				width:50px;
				height:50px;
			}
			
			.comments .commnetMeta .gravatar .avatarMask{
				position:absolute;
				width:50px;
				height:50px;
				top:0;
				background: url('./img/bkg/avatar_mask.png') no-repeat center center;
			}
			
		.commentData,
		.commentAuthor{
			line-height:18px;
			text-align:right;
			color: #969696;
		}
		
		.commentData{
			margin:10px 0 0;
		}
		
		.commentAuthor{
			margin:0 0 10px;
		}
		
		.commentAuthor cite,
		.commentAuthor cite a{
			color:#a98be2;
			font-weight:bold;
			font-style:normal;
		}
	
	.comments .commnetContent{
		margin:15px 0 0;
		text-align:right;
	}
	
	.comments .commnetContent p{
		padding:5px 0;
	}
	
/*#commentform{padding:35px 0px 0px 0px; width:444px;float:right;}*/
form#commentform{float:right;}
form#commentform ul{list-style-type:none;}
form#commentform ul li input{margin-top:5px;font-size:14px;font-family:Arial;color:#61615f;width:185px;height:14px;padding:8px 15px;border:none;background:url('./img/bkg/input_text_bkg.png') no-repeat top left;}
form#commentform ul li input.error{background:url('./img/bkg/input_text_bkg_error.png') no-repeat bottom left;}
form#commentform ul li input:hover{background:url('./img/bkg/input_text_bkg.png') no-repeat center left;}
form#commentform ul li input:focus{color:#fff; background:url('./img/bkg/input_text_bkg.png') no-repeat bottom left;}
form#commentform ul li textarea{font-size:14px;font-family:Arial;color:#61615f;width:382px;min-width:382px;max-width:382px;height:174px;min-height:174px;max-height:174px;padding:50px 30px 50px 15px;border:none;background:url('./img/bkg/textarea_bkg.png') no-repeat top left; overflow:hidden; margin: 0 0 10px;}
form#commentform ul li textarea.error{background:url('./img/bkg/textarea_bkg_error.png') no-repeat bottom left;}
form#commentform ul li textarea:hover{background:url('./img/bkg/textarea_bkg.png') no-repeat center left;}
form#commentform ul li textarea:focus{color:#FFF; background:url('./img/bkg/textarea_bkg.png') no-repeat bottom left;}
form#commentform .iButton{font-size:14px;color:#262626;font-style:italic;font-family:Georgia;background:#FFF url('./img/ico/link_arrow_left.png') 100% 8px no-repeat;padding-right:8px;border:none;margin:25px 0px 50px 10px;cursor:pointer;}

form#commentform ul li label.error{ color:red; padding:0 10px;}


/* --------------------------------------------------------------------- recent posts */

.mostCommented{
	list-style:none;
	margin:20px 0 0;
}

	.mostCommented li{
		float:left;
		width:200px;
		margin:0 25px;
	}

		.mostCommented li .date{
			display:block;
			color:#969696;
			text-align:right;
		}
		
		.mostCommented li a{
			display:block;
			text-align:right;
			font-family: 'PoliticaRegular';
			font-size: 16px;
			font-weight: bold;
			line-height: 24px;
		}

/* --------------------------------------------------------------------- paginacja */
	
.wp-pagenavi{
	float:left;
	margin:40px 0;
	padding:0 0 0 350px;
}
	.wp-pagenavi span,
	.wp-pagenavi a{
		float:left;
		margin:0 5px;
		display:block;
		font-family:Georgia;
		font-style:italic;
		height:98px;
		line-height:98px;
		width:50px;
		text-align:center;
		text-decoration:none;
	}
	
	.wp-pagenavi span.current,
	.wp-pagenavi a:hover{
		background: url('./img/bkg/wp-pagenavi.png') no-repeat center bottom;
		color:#fff;
	}
	
	.wp-pagenavi a{
		background: url('./img/bkg/wp-pagenavi.png') no-repeat center top;
		color:#969696;
	}
	
.careerMain{
	width:444px;
}

.careerMain .subMenu,
.careerMain .subMenuDown{
	float:left;
}

.careerMain .careerList{
	width:444px;
}

.careerMain h4{
	font-family:Arial;
	font-size:18px;
	color:#a479cd;
	margin:20px 0;
}

.careerMain .post {
	clear: both;
	width: 444px;
	}

	.careerMain .post p{
		margin:10px 0;
	}

	.careerMain .post ul{
		margin:10px 0 10px 20px;
		list-style:square;
		color: #a479cd;
	}

		.careerMain .post ul li{
			color:#000;
			line-height: 18px;
		}
	


.error404 h1{
	float: right;
	padding: 35px 0 80px;
}
	
	.error404 img{
		float: left;
		margin: 50px 0 0;
	}
	
	.error404 p{
		float: left;
	}