@CHARSET "UTF-8";

/* 960.gs */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/**
 *
 *   site name:
 *   site URI:
 *   description:
 *   version:
 *   author:
 *   author URI:
 *
 * 							COLORS
 * --------------------------------------------------------------
 * body				#222222
 * links				#0073ea
 *
 * l.grey				#f6f6f6
 * m.grey			#dddddd
 * d.grey			#a3a3a3
 *
 * l.red				#f3d8d8
 * d.red				#cc0000
 * l.green			#f6ffdb
 * b.green			#a1d700
 *
 * d.blue			#356AA0
 * l.blue				#0280BB
 *
 * l.yellow			#ffe000
 * 						#ffc54b
 * d.yellow			#e39c00
 * 	dark orange	#ed9017	rgba(237, 144, 23, 1)
 * 	light yellow		#ffe217		rgba(255, 226, 23, 1)
 *
 *
 *							RESET
 * ---------------------------------------------------------------
 *
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
	border: 0;
	outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img { border: 0; }
ul {list-style: none outside none;}
ol {list-style: decimal inside none;}
li {line-height: 1.6}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	margin: 0;
	line-height: 1.5;
	clear: both;
}
abbr, acronym { border: 0; }
a {outline: none;}

/*
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }

a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

*/



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													GLOBAL

 * -------------------------------------------------------------------------------------------------------

 *

 */



body {

	background: #FFFFFF url(../images/bg.png) repeat-x scroll 0 -416px;

	font-family: Arial, Helvetica, Verdana, sans-serif;

    text-align: center;

    line-height: 1;

	font-size: 100.01%

}



body#home {

	background-position: 0 -140px;

}



#outer_wrapper {

	/* background: transparent url(../images/bg_shapes.png) no-repeat scroll 50% -17px; */

}



#wrapper {

	margin: 0 auto;

    position: relative;

	width: 960px;

}



p {

	font-size: .8em;

	line-height: 1.6;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	margin: 0.25em 0 1em;

	text-align: justify;

	/* ie8 */

	font-size: .8em\9;

	/* ie7 */

	*font-size: .8em;

	/* ie6 */

	_font-size: .8em;

}



h1 {font-size: 1.7em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.35em;}

h4 {font-size: 1.2em;}

h5 {font-size: 1.1em;}

h6 {font-size: 1em;}



a:link, a:visited { color: #CFCFCF; text-decoration: none; }

a:hover, a:active { color: #ffc54b; }



input, textarea, select {

	border: 1px solid #c1c1c1;

	padding: 7px;

}



textarea {

	width: 624px;

	height: 150px;

}



img {

	-moz-border-radius: 2px 2px 2px 2px;

	/* background-color: #EEEEEE; */

	border: 1px solid #4F4F4F;

}



img:hover {

	border-color: #ffc54b;

}



hr {

	/* background: none repeat scroll 0 0 #DDDDDD; */

	background: transparent url(../images/hr.png) repeat-x scroll 0 0;

	border: medium none;

	clear: both;

	/* color: #DDDDDD; */

	height: 2px;

	margin: 15px auto 20px;

	width: 98%;

}



hr.small {margin: 10px 0;}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													HEADER

 * -------------------------------------------------------------------------------------------------------

 *

 */



#header {

	height: 110px;

	/* padding-top: 20px; */

}



#header h1 {

	float: left;

	margin: 40px 0 0 5px;

	padding: 0;

}



#header a.logo {

	text-indent: -9999px;

	background: transparent url(http://localhost/portfolio_v1/images/logo.png) no-repeat scroll 0 0;

	display: block;

	width: 160px;

	height: 55px;

}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													NAVIGATION

 * -------------------------------------------------------------------------------------------------------

 *

 */



#topHeader {

    height: 60px;

    margin: 0 auto 20px;

    position: relative;

}



ul#nav {

    float: right;

    margin: 35px 0 0;

}



#nav li {

	border-left: 1px solid #000;

	border-right: 1px solid #4A4A4A;

    float: left;

}



#nav li.first {

	border-left: none;

}



#nav li.last {

	border-right: none;

}



#nav li a {

	text-shadow: 1px 1px 1px rgba(0, 0, 0 , 1);

	color: #FFFCED;

	float: left;

	font-size: .95em;

	text-align: center;

	padding: 14px 0;

	position: relative;

	text-decoration: none;

	z-index: 2;

	width: 110px;

}



#hilite {

	border: none !important;

	/* border-right: 1px solid #0059ec;
	 border-left: 1px solid #0059ec; */

	position: absolute;

	top: 14px;

	z-index : 1;

	/* background: -moz-linear-gradient(top, #FFE217, #ed9017);
	 background: -webkit-gradient(linear, left top, left bottom, from(#FFE217), to(#ed9017)); */

	background: transparent url(../images/hilite.png) no-repeat scroll 0 0;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-box-shadow: 2px 3px 10px #011331;

	-webkit-box-shadow: 2px 3px 10px #011331;

	height: 64px;

	width: 110px;

}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													CONTENT

 * -------------------------------------------------------------------------------------------------------

 *

 */



#content {

	color: #2F2F2F;

	/* background: transparent url(../images/bg_content.png) no-repeat scroll 0 0; */

	text-align: left;

    margin: 0;

	padding-top: 10px;

	padding-bottom: 50px;

}



#home #content {

	background: transparent url(../images/feature_bg.png) no-repeat scroll 0 0;

	padding: 0;

}



#content p, #content li {

	/* font-size: 0.9em; */

}



#content h1.page a:link, #content h1.page a:visited {

	color: #666;

}



#content h1.page a:hover, #content h1.page a:active {

	color: #FFC54B;

}



.page {

	margin: 20px 20px 0;

}



h1.page {

	border-bottom: 1px solid #ffc54b;

	margin: 0 0 .75em 0;

	padding: 0;

	font-size: 1.25em;

	color: #666;

}



#featured {

	height: 345px;

	padding: 0;

	margin: 0 0 60px;

	background: none;

}



#featured img {

	margin: 10px 0;

	border: 2px solid rgba(248,208,74,0.75);

	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);

	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);

	-moz-border-radius: 4px 4px 4px 4px;

	height: 305px;

	width: 600px;

}



.slide {

	background-color: transparent !important;

	padding: 10px 0;

	top: 0;

	left: 0;

	height: 280px;

	width: 940px;

	display: none;

}



.slide .text {

	width: 290px;

	float: left;

}



h3.feature {

	border-bottom: 1px solid #ffc54b;

	margin-top: 5px;

	margin-right: 10px;

	color: #EFEFEF;

}



#content p.feature {

	text-align: justify;

	margin-right: 10px;

	color: #EFEFEF;

}



#featured a.gradient_button:link, #featured a.gradient_button:visited {

	background: transparent url(../images/yellow_button.png) repeat-x 0 0;

    display: inline-block;

    padding: 4px 8px;

    color: #333333;

    text-decoration: none;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);

    border-bottom: 1px solid rgba(0, 0, 0, 0.25);

    position: relative;

    cursor: pointer

}



#featured a.gradient_button:hover, #featured a.gradient_button:active {

	background-position: 0 -40px;

	/* color: #FFFFFF; */

	text-decoration: underline;

}



div.introduction {

	margin-bottom: 30px;

	/* -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.75); */



/* 	background: -moz-linear-gradient(top, #0F0F0F, #3F3F3F);
	background: -webkit-gradient(linear, left top, left bottom, from(#0F0F0F), to(#3F3F3F)); */

	background: transparent url(../images/bg_introduction.png) no-repeat scroll 0 0;

	height: 240px;

	width: 960px;

	padding: 10px 0;

	/* background: none repeat scroll 0 0 rgba(22,22,22,1); */

	/* border: 2px solid rgba(235,147,7,0.2); */

}



h4.introduction {

	/* -moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	background: #161616; */

}



h1.main {

	/* text-indent: -9999px; */
	/* background: transparent url(../images/intro.png) no-repeat scroll 0 0; */
	/* height: 200px; */



	/* background: none repeat scroll 0 0 rgba(255,229,119,0.1); */

	/* border: 2px solid rgba(235,147,7,0.2); */



	margin-bottom: 1em;

	text-shadow: 2px 2px 1px rgba(0,0,0,0.3);

	color: #2f2f2f;

	/* IE6 */
	/* _border: 2px solid #333; */

	/* _background: #EFEFEF repeat scroll 0 0; */

}



.main a {

	color: #2f2f2f;

	text-decoration: underline;

	/* text-shadow: 2px 2px 1px rgba(255,196,91,.75); */

}



.main a:hover {

	color: #FFC45B;

	/* text-shadow: 2px 2px 1px rgba(0,0,0,.75); */

}



.introduction h2 {

	font-size: 120%;

	color: #eee;

	/* padding: 1em 0 0; */

	text-shadow: 2px 2px 1px rgba(0,0,0,0.3);

	margin-bottom: 8px;

}



.introduction h2 span {

	color: #FFC54B;

}



.introduction p {

	color: #DFDFDF;

	padding: 0;

	/* font-size: 1em; */

}



.introduction a:link, .introduction a:visited {

	color: #FFC54B;

}



.introduction a:hover, .introduction a:active {

	/* color: #BBBBBB; */

	text-decoration: underline;

}



#mail-box {

	width: 230px;

	height: 32px;

	display: block;

	margin: 0 auto;

	background: url(../images/32px/mail.png) no-repeat scroll 75% 50% #4f4f4f;

	text-decoration: none;

	color: #DFDFDF;

}



#mail-box:hover {

	background-color: #1f1f1f;

	color: #FFC54B;

}



#mail-box span {

	font-size: 12px;

	line-height: 32px;

	margin-left: 20%;

}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													O MNIE

 * -------------------------------------------------------------------------------------------------------

 *

 */



p.omnie {

	font-size: 90%;

	/* margin-left: 20px; */

}



.omnie a:link, .omnie a:visited {

	color: #AAAAAA;

	text-decoration: underline;

}



.omnie a:hover, .omnie a:active {

	color: #FFC54B;

	text-decoration: none;

}



.text_container {

	margin-bottom: 2em;

}



.skills ul.skills_list li {

	/* background: transparent url(../images/hr.png) repeat-x scroll 0 0; */

	border-top: 1px solid #d2d2d2;

	/* background: transparent url(../images/32px/add.png) no-repeat scroll 0 0; */

	font: normal 0.9em / 2 Arial, Helvetica, Verdana, sans-serif;

	/* margin: 0.25em 0 1em; */

	padding: 5px;

	/* ie6 */

	_font-size: .9em;

	_line-height: 1.6;

	_font-family: Arial, Helvetica, Verdana, sans-serif;

}



ul.skills_list li.plus {

	background: transparent url(../images/32px/add.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.accept {

	background: transparent url(../images/32px/accept_2.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.clock {

	background: transparent url(../images/32px/clock.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.heart {

	background: transparent url(../images/32px/heart.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.protection {

	background: transparent url(../images/32px/protection.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.euro {

	background: transparent url(../images/32px/euro.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.support {

	background: transparent url(../images/32px/support.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.accept_db {

	background: transparent url(../images/32px/accept_db.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



ul.skills_list li.new {

	background: transparent url(../images/32px/new.png) no-repeat scroll 0 4px;

	padding-left: 36px !important;

}



.item ul.skills_list li:hover {

	/* background-color: #EEEEEE; */

}



.skills h3 {

	line-height: 32px;

	font-size: 1.5em;

	margin-left: 70px;

	height: 64px;

}



.skills em {

	display: block;

	font-size: 60%;

	color: #AAA;

}



.skills span {

	position: absolute;

	top: 0;

	left: 0;

	height: 64px;

	width: 64px;

}



span.monitor {

	background: transparent url(../images/monitor_32x32.png) no-repeat scroll 0 0;

	float: left;

	height: 32px;

	width: 32px;

}



span.stationery {

	background: transparent url(../images/64px/Stationery.png) no-repeat scroll 0 0;

}



span.tools {

	background: transparent url(../images/64px/Tools.png) no-repeat scroll 0 0;

}



span.tip {

	background: transparent url(../images/64px/Tip.png) no-repeat scroll 0 0;

}



span.web {

	background: transparent url(../images/64px/Web.png) no-repeat scroll 0 0;

}



span.mail {

	background: transparent url(../images/64px/mail.png) no-repeat scroll 0 0;

}



#content ul {

	margin: 1em 0;

}



#omnie .css3button, #omnie .css3button:visited {

	border: medium none

}



.kontakt_omnie {

	width: 320px;

	text-align: center;

	padding: 40px 0 120px;

}



.kontakt_omnie a {

	font-size: 120%;

}



.kontakt_omnie .email_big {

	position: absolute;

	left: 28%;

	top: 0;

}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													PORTFOLIO

 * -------------------------------------------------------------------------------------------------------

 *

 */



#portfolio #content {

	padding-bottom: 6em;

}



.case {

	padding-bottom: 2em;

}



#portfolio p {

	margin:0;

}



#portfolio p.name {

	color: #666666;

	margin-top: 5px;

}



#portfolio p.description {

	color: #999999;

	text-align: left;

}



#portfolio p.intro {

	font-size: .9em;

	color: #8F8F8F;

	margin-bottom: 1em;

}



#portfolio h5.wymagania {

	border-bottom: 1px solid #8F8F8F;

}



#portfolio p.wymagania {

	font-size: .9em;

	color: #5F5F5F;

	margin: .25em 0 1.5em;

}



#portfolio img {

	border-color: #CFCFCF;

	padding: 3px;

	opacity: .8;

	margin-bottom: .5em;

	cursor: pointer;

}



#portfolio img:hover {

	border-color: #3F3F3F;

	opacity: 1;

}



#portfolio .screenshots img:hover {

	/* background-color: rgba(255, 197, 75, 0.75); */

}



.row {

	margin-left: 30px;

	margin-bottom: 40px;

	clear: both;

	height: 150px;

}



ul.arrow li {

	background: transparent url(../images/16px/next.png) no-repeat scroll 0 2px;

	padding-left: 20px;

	font: normal 0.8em / 1.6 Arial, Helvetica, Verdana, sans-serif;

	text-align: left;

	/* ie6 */

	_font-size: .8em;

	_line-height: 1.6;

	_font-family: Arial, Helvetica, Verdana, sans-serif;

}



ul.accept {

	/* margin-bottom: 2em; */

}



ul.accept li {

	background: transparent url(../images/16px/accept.png) no-repeat scroll 0 2px;

	padding-left: 20px;

	font: normal 0.8em / 1.6 Arial, Helvetica, Verdana, sans-serif;

	text-align: left;

	/* ie6 */

	_font-size: .8em;

	_line-height: 1.6;

	_font-family: Arial, Helvetica, Verdana, sans-serif;

}



ul.reject li {

	background: transparent url(../images/16px/delete.png) no-repeat scroll 0 2px;

	padding-left: 20px;

	font: normal 0.8em / 1.6 Arial, Helvetica, Verdana, sans-serif;

	text-align: left;

	/* ie6 */

	_font-size: .8em;

	_line-height: 1.6;

	_font-family: Arial, Helvetica, Verdana, sans-serif;

}



ul.browsers {

	margin-bottom: 2em;

}



ul.browsers li {

	line-height: 48px;

	padding-left: 60px;

	margin-bottom: 5px;

}



#portfolio h4 {

    color: #666666;

    text-shadow: 1px 1px 2px rgba(255, 209, 211, 0.5);

	margin: 0 0 .5em;

}



#portfolio h5 {

	margin-top: .25em;

	color: #666666;

}



#portfolio .css3button {

	font-size: .8em;

}



#portfolio h6 {

	line-height: 2;

}



#portfolio a.reverse:link, #portfolio a.reverse:visited {

	/* color: #FFB20F;
	text-decoration: none;; */
}



a.reverse:link, a.reverse:visited {

	color: #FFB20F;

	text-decoration: none;;

}



a.reverse:hover, a.reverse:active {

	/* color: #FFC54B; */

	text-decoration: underline;

}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													KONTAKT

 * -------------------------------------------------------------------------------------------------------

 *

 */



.kontakt {

	/* background-color: #c0c0c0; */

	margin: 0;

	padding: 1em;
	/* border-top: 1px solid #808080; */

	/* border-left: 1px solid #808080; */

}



.kontakt p {

	margin: 0;

}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													FORMS

 * -------------------------------------------------------------------------------------------------------

 *

 */



.form_container {

	margin: 10px 30px;

	width: 590px;

}



.form_container p {

	margin: 10px 0;

}



.form_container p.input_holder {

	line-height: 32px;

}



.form_container h3 {



}



.form_container textarea {

	width: 580px;

}



label {

	color: #666;

	margin-left: 5px;

	line-height: 32px;

}



.input_holder label {

	margin-bottom: 16px;

}



input.error, textarea.error {

	border: 1px solid #cc0000;

}



input {

	width: 50%;

}



#submit {
	padding: 10px 20px;
	margin-left: 0;
	width: 100px;

	cursor: pointer;

	background: none repeat scroll 0 0 #222222;

	border: medium none;

	color: #FFFFFF;

}



#submit:hover {

	background-color: #222;

	color: #ffc54b;

}



#kontakt_body {

	min-height: 555px;

}



/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													TABLES

 * -------------------------------------------------------------------------------------------------------

 *

 */





/**

 *

 * -------------------------------------------------------------------------------------------------------

 * 													FOOTER

 * -------------------------------------------------------------------------------------------------------

 *

 */



#footer {

	background: #323232 url(../images/bg_footer.png) repeat-x scroll 0 0;

	/* background: -moz-linear-gradient(top, #161616, #333333);
	background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#333333)); */

	padding-top: 1em;

	text-align: left;

	/* color: #FFFFFF; */

}



#footer p {

	color: #aaa;

}



#footer .first_footer {

	margin-bottom: 1.125em;

}



#footer .first_footer h3 {

	color: #EFEFEF;

	border-bottom: 1px solid #EFEFEF;

	margin-bottom: 12px;

}



#footer .first_footer h5 {

	border-bottom: 1px solid #aaa;

	line-height: 2;

	margin: 0;

	color: #CFCFCF;

}



#footer .first_footer p {

	font-size: 0.8em;

	line-height: 1.6;

	color: #DFDFDF;

}



.first_footer ul li {
	font-size: 0.8em;
	padding: 5px 0;
	border-bottom: 1px solid #aaa;
}

ul.children {
    margin: 10px 0 10px 10px;
    border-top: 1px solid #aaa;
}



#footer .second_footer {

	/* background-color: #356aa0; */

	padding: 5px 0;

	margin-top: 25px;

}



/* feature post */



div.date {

	font-size: 10px;

	margin: 0;

	color: #E7E7E7;

	clear: both;

	text-align: center;

	font-weight: bold;

	text-transform: uppercase;

}



.date .month {

	margin-bottom: 4px;

}



.date .day {



}



.first_footer .number_comments {

	/* padding: 5px; */

	/* background: transparent url(../images/32px/comment.png) no-repeat scroll 0 0; */

	height: 32px;

	width: 32px;

	float: right;

	line-height: 32px;

}



#home .first_footer .number_comments a:link, #home .first_footer .number_comments a:visited {

	text-decoration: none;

}



h4.post-title {

	line-height: 1;

	float: left;

	clear: none;

	margin-left: 10px;

	line-height: 24px;

}



#home h3.page-link a:link, #home h3.page-link a:visited {

	text-decoration: none;

	color: #FFF;

}



#home h3.page-link a:hover, #home h3.page-link a:active {

	color: #FFC54B;

}



#home .first_footer a:link, #home .first_footer a:visited {

	color: #FFC54B;

}



#home .first_footer a:hover, #home .first_footer a:active {

	text-decoration: underline;

}



.first_footer a:link, .first_footer a:visited {
	/* color: #FFC54B; */
	text-decoration: none;
}

.first_footer a:hover, .first_footer a:active {
	color: #ffc54b;

	/* text-decoration: underline; */
}



.first_footer a.more-link {

	display: block;

	margin: 10px 0;

	clear: both;

	text-align: right;

}



.first_footer h6 {

	color: #ECECEC;

	margin-bottom: 5px;

}



/* bottom nav */

ul.bottomNav {

	margin-left: 20%;

}



ul.bottomNav li {

	float: left;

}



.second_footer a:link, .second_footer a:visited {

	color: #FFFFFF;

	text-decoration: none;

}



.second_footer a:hover, .second_footer a:active {

	color: #ffc54b;

}



ul.bottomNav li a {

	border-right: 1px solid #ffc54b;

	padding: 0 10px;

}



ul.bottomNav li a.last {

	border-right: none !important;

}



#footer .szybki_kontakt p {

	clear: both;

	padding: 5px 0 5px 32px;

	line-height: 32px;

	position: relative;

	margin: 5px;

}



ul.social {

	/* border: none; */

	margin-left: 8px;

	/* display: inline-block; */

}



.social li {
	border: none !important;
	float: left;
	margin-right: 10px;
	width: 16px;
}
.social li a {
	height: 16px;
	line-height: 16px;
	border: medium none;
	/* display: block; */
	padding: 0 0 0 22px;
	text-indent: -9999px;
}
.social li.rss a {background: transparent url(../images/16px/rss.png) no-repeat scroll 0 0;}
.social li.email a {background: transparent url(../images/16px/email.png) no-repeat scroll 0 0;}
.social li.facebook a {background: transparent url(../images/16px/facebook.png) no-repeat scroll 0 0;}
.social li.flickr a {background: transparent url(../images/16px/flickr.png) no-repeat scroll 0 0;}
.social li.twitter a {background: transparent url(../images/16px/twitter.png) no-repeat scroll 0 0;}
#content ul.contacts {margin-bottom: 0;}
.contacts li {
	border: none;
	margin: 5px 0;
	position: relative;
	height: 32px;
	overflow: hidden;
	font-size: .8em;
}
.contacts li:hover {
	/* background-color: #333; */
}
.contacts li a {
	/* height: 32px; */
	/* width: 32px; */
	/* line-height: 32px; */
	/* border: medium none; */
	/* display: block; */
	/* padding: 0 0 0 40px; */
	/* text-indent: -9999px; */
}
.contacts li a:link, .contacts li a:visited {color: #777777;}
.contacts li a:hover, .contacts li a:active {color: #ffc54b;}
a.rss {background: transparent url(../images/32px/rss.png) no-repeat scroll 0 0;}
a.facebook {background: transparent url(../images/32px/facebook.png) no-repeat scroll 0 0;}
a.flickr {background: transparent url(../images/32px/flickr.png) no-repeat scroll 0 0;}
a.twitter {background: transparent url(../images/32px/twitter.png) no-repeat scroll 0 0;}
a.phone {background: transparent url(../images/32px/mobile_phone.png) no-repeat scroll 0 0;}
a.mail {background: transparent url(../images/32px/mail.png) no-repeat scroll 0 0;}
/* images  */
.phone {
	background: transparent url(../images/32px/mobile_phone.png) no-repeat scroll 0 0;
	height: 32px;
	width: 32px;
	position: absolute;
	top: 6px;
	left: 0;
}
.szybki_kontakt .mail {
	background: transparent url(../images/32px/mail.png) no-repeat scroll 0 0;
	height: 32px;
	width: 32px;
	position: absolute;
	top: 6px;
	left: 0;
}
/**
 *
 * -------------------------------------------------------------------------------------------------------
 * 													DEFAULT STYLES
 * -------------------------------------------------------------------------------------------------------
 *
 */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin: 0 auto;}
.block {display: block;}
.clear {
    clear: both;
    height: 0;
	width: 0;
    font-size: 1px;
    line-height: 0px;
    margin: 0;
    padding: 0;
	display: block;
	overflow: hidden;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.small { font-size: 10px; }
.hidden { display: none; }
.uwaga, .error { color: #cc0000; }
.more { margin: 1em 10px 0; }
a.more:hover { text-decoration: none; }
.header_container { /* margin: 0 30px 20px; */ }
.ie6fix { /* for DD_belated png fix */ }
.margin_left {}
.margin_right {}
.hidden{display:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}
.rounded {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.firefox {background: transparent url(../images/48px/Firefox.png) no-repeat scroll 0 0 !important;}
.chrome {background: transparent url(../images/48px/Chrome.png) no-repeat scroll 0 0 !important;}
.safari {background: transparent url(../images/48px/Safari.png) no-repeat scroll 0 0 !important;}
.opera {background: transparent url(../images/48px/Opera.png) no-repeat scroll 0 0 !important;}
.ie7 {background: transparent url(../images/48px/IE7.png) no-repeat scroll 0 0 !important;}
.email_big {
	background: transparent url(../images/128px/mail.png) no-repeat scroll 0 0;
	height: 128px;
	width: 128px;
	display: block;
}
/**
 *
 * -------------------------------------------------------------------------------------------------------
 * 													ADDITIONAL
 * -------------------------------------------------------------------------------------------------------
 *
 */

/* test */
#flowtabs li {
	float: left;
	/* width: 120px; */
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #EFEFEF;
	border-top: 1px solid #2f2f2f;;
	border-left: 1px solid #2f2f2f;
	border-right: 1px solid #2f2f2f;
	margin-right: 5px;
}
#flowtabs li:hover, #flowtabs li.current {
	border-color: #FFC45B;
	/* background-color: #2f2f2f; */
}
#flowtabs li a {padding: 7px 25px;}
/* override the root element to enable scrolling */
#flowpanes {
    position:relative;
    overflow:hidden;
    clear:both;
	min-height: 300px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: -moz-linear-gradient(top, #EFEFEF, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#fff));
}
/* override single pane */
#flowpanes div {
    float:left;
    display:block;
    width:670px;
    cursor:pointer;
    font-size:14px;
}
/* our additional wrapper element for the items */
#flowpanes .items {
    width:20000em;
    position:absolute;
    clear:both;
    margin:0;
    padding:0;
}
#flowpanes .less, #flowpanes .less a {
    color:#999 !important;
    font-size:11px;
}
button.prev {
	display: block;
	background: url(../images/left.png) no-repeat scroll 0 0 transparent;
	height: 18px;
	width: 18px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
button.next {
	display: block;
	background: url(../images/right.png) no-repeat scroll 0 0 transparent;
	height: 18px;
	width: 18px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
button.prev:hover {background-position: 0 -18px;}
button.next:hover {background-position: 0 -18px;}
/* button::-moz-focus-inner { border: 0; } */
.navi {}
.navi a {
	background: url(../images/navigator.png) no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	font-size: 1px;
	height: 8px;
	margin: 3px;
	width: 8px;
}
.navi a:hover {background-position: 0 -8px;}
.navi a.current {background-position: 0 -16px;}
.css3button, .css3button:visited {
    background: #222 url(overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #FFFFFF;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    /* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); */
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: pointer
}
.css3button:hover {color: #ffc54b;}
/* animate buttons */
.button_wrap{
    position: relative;
    /* width: 225px; */
    height: 34px;
    overflow: hidden;
    /* font-weight: bold; */
    font-size: .8em;
    /* margin: 10px; */
}
.button_bottom {
    width: 32px;
    height: 32px;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    /* background-color: #3C3C3C; */
    color: #fff;
    top: 0px;
    left: 0px;
    position: absolute;
    line-height: 32px;
    text-align: right;
}
.button_bottom span{
    display: none;
    padding-right: 20px;
}
.button_top {
    width: 32px;
    height: 32px;
    /* -moz-border-radius: 5px; */
	/* -webkit-border-radius: 5px; */
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    /* text-transform: uppercase; */
    line-height: 32px;
    text-align: center;
    cursor: pointer;
	text-indent: -9999px;
}
.button_top span {color:#008ddd;}
/*
 AJAX LOADER ANIMATION
 */
.ajaxLoader {
    margin: 40px auto;
    background: transparent url(../images/ajax-loader.gif) no-repeat 0 0;
    height: 66px;
    width: 66px;
}
#loaderContainer .ajaxLoader {margin: 0 auto;}
#loaderContainer {
    height: 500px;
    width: 870px;
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    margin: 1em auto 0;
}
#loaderContainer[id] {
    display: table;
    position: static;
}
#outer {
    display: table-cell;
    vertical-align: middle;
    width: 870px;
    /* IE 6 */
    _position: absolute;
    _top: 35%;
    /* IE7
     *position: absolute;
     *top: 35%;
     */
}
#inner {
    position: relative;
    top: -50%
}
/* for explorer only */
#inner p {
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    line-height: 2;
}
/* optional: #inner[id] {position: static;} */
/*
 IE CONDITIONALS
 */
#content {
    _zoom: 1;
}
/* the above proprietary zoom property gives IE6 the hasLayout it needs to avoid several bugs */