/* reset styli */
html {
  font-size: 62.5%;
	font-family:'Open sans', sans-serif;
	font-weight:400;
	overflow-y:scroll;
	overflow-x:hidden;
}
html, body {
    width:100%;
    height: 100%;
    min-height: 100%;
	margin:0;
	padding:0;
}

body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td, li, ul, ol {margin:0; padding:0; outline: 0; font-weight:400; font-size:1em; line-height:1em;}
h1, h2, h3, h4, h5, h6 {font-weight:700; color:#292929; font-family:'Roboto', sans-serif;}
table {border-spacing:0;}
img {border:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:400;}
caption, th {text-align:left;}
abbr, acronym {border:0;}
a:focus, a:active {outline:none;-moz-outline-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; margin:0; padding:0;}

.clearfix:before, .clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
.clearafter:after {
    clear: both;
    content: "";
    display: table;
}

body {
	background-color:#ffffff;
	text-rendering:optimizeLegibility;
}
a {
	color:#863695;
	text-decoration:none;
	font-weight:700;
}
a:hover, a:focus {
	color:#000;
}
strong {
	font-weight:700;
}

/*	###########################################################	style ogólne	*/

.wrapper {
	margin:0 auto;
	width:1140px;
	padding:0 1%;
	height:auto;
}
.columns1_4 {
	float:left;
	padding: 0 ;
	width:24.8%;
}
.columns1_3 {
	float:left;
	padding: 0 ;
	width:33.1%;
}
.columns1_2 {
    float: left;
    margin: 0 0 25px 0;
    width: 49.8%;
}
.columns1_4.last, .columns1_3.last, .columns1_2.last {
	margin-right:0;
}

.button_small, input[type="submit"] {
	background:#863695;
	color: #fff;
    padding: 15px 25px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}
.button_small:hover, .button_small:focus, input[type="submit"]:hover, input[type="submit"]:focus {
		background:#000;
		color:#fff;
}

.text-center {
	text-align:center;
}

/*	###########################################################	style szczególne	*/

#home {
    width:100%;
    background: url('../img/top4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 40px;
    height:675px;
    vertical-align: top;
    margin: 0 auto;
}
.page #home {
	height:470px;
	background: url('../img/top-page3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 30px;
}
#slogan {
	top:auto;
	color:#ffffff;
	clear:both;
}

	#slogan h2 {
		margin-top:350px;
		font-size:3em;
		color:#ffffff;
		font-weight:100;
		font-family:Roboto, sans-serif;
		text-align:right;
	}
	.page #slogan h2 {
		
		margin-top:170px;
		font-size:2.73em;
	}
	#slogan span {
		background:#292927;
		background:rgba(0, 0, 0, 0.8);
		padding: 5px 15px;
	}
	#slogan h2 strong {
		font-weight:700;
	}
#bialy-pasek, #header-nav-menu > ul > li > a {
	background:#fff;
	height:140px;
	line-height:140px;
}
	#site-navigation #logo {
		*padding-top: 50px;
	}
	#site-navigation #logo, #site-navigation #menu-toggle, #header-nav-menu > ul > li {
		display: inline-block;
		*display: inline;
		float:left;
		height: 140px;
		vertical-align: middle;
		line-height: 140px;
		position:relative;
	}
	#site-navigation #menu-toggle {
		display: none;
		width:19px;
		padding:0 30px;
		background:url('../img/menu4.png') no-repeat;
		background-position: center center;
		float:right !important;
	}
	#site-navigation #logo:before {    /* create a full-height inline block pseudo=element */
		content: ' ';
		display: inline-block;
		vertical-align: middle;  /* vertical alignment of the inline element */
		height: 100%;
	}
	#header-nav-menu > ul > li > a span {
		padding:15px 25px;
	}
	#header-nav-menu > ul > li > a span:hover {
		background:#863695;
		color:#fff;
	}
	#header-nav-menu ul ul {
		position:absolute;
		left:-9999px;
		z-index: 99999;
		height:auto;
		width:208px;
		overflow:visible;
	}
	#header-nav-menu li:hover ul {
		left:-30px;
		border-left:30px solid transparent;
		border-right:30px solid transparent;
		border-bottom:30px solid transparent;
	}
	#header-nav-menu li, #header-nav-menu li a, #footer li {
/*		-webkit-transition: all 0.3s ease-in-out;*/
/*    -moz-transition: all 0.3s ease-in-out;     */
/*    -ms-transition: all 0.3s ease-in-out;      */
/*    -o-transition: all 0.3s ease-in-out;       */
/*    transition: all 0.3s ease-in-out;          */
	}
	#header-nav-menu li li {
		display: inline-block;
		*display:inline;
		height: 45px;
		vertical-align: middle;
		line-height: 45px;
		width: 100%;
		background:#76cde4;
	}
	#header-nav-menu li li:hover {
		background:#00a1c7;
	}
	#header-nav-menu li li a {
		display:block;
		padding-left:20px;
		font-size:1.2em;
		letter-spacing:0.05em;
		color:#fff;
	}
	#site-navigation #logo img {
		vertical-align: middle;
	}
#header-nav-menu {
	float:right;
	font-family: 'Roboto', sans-serif;	
}
	#header-nav-menu li {
		zoom:1; /* fix ie7 */
	}
	#header-nav-menu > ul > li > a {
		line-height:140px;
		height:140px;
		display:block;
		font-size:16px;
		font-weight:400;
		color:#000;
	}
	#header-nav-menu .page-item-39:hover ul {
		left: -135px;
	}

#menu-toggle {
	display:none;
}

/*	###########################################################	style main	*/


#main {
	color:#848484;
	line-height:1.6em;
	font-size:1.5em;
}
#main h1 {
	padding-bottom:1em;
	font-size: 1.5em;
}
#main h2 {
	color:#314861;
	padding-bottom:1.5em;
	font-size:1.5em;
	font-weight:300;
}
#main h2 strong {
	font-weight:700;
}
#main hr {
	padding: 0;
  margin: 0 auto 35px auto;
  border: 0;
  background:url('../img/hr.png') no-repeat;
  height: 4px;
  width: 26px;
}
#main ul {
	padding-left:20px;
}
.page #main li, .lista li {
	padding-left:10px;
	padding-bottom:10px;
	line-height:1.7em;
}
.page #main li > ul {
	padding-top:10px;
}
#main h3 {
	color: #314861;
	font-size:1.1em;
	padding-top:1em;
	padding-bottom:.5em;
	padding-left:40px;
}
#main .numery h3 {
	font-size:1.3em;
	padding-top:1.5em;
	padding-bottom:1em;
	padding-left:0;
}
#main h4 {
	font-size: 1.1em;
  padding-top: 1.5em;
  padding-bottom: .5em;
}
#main p, #main ul, #main ol, #footer p {
	line-height:1.7em;
	padding-bottom:1.5em;
	font-size:16px;
	font-weight:300;
	padding-left:40px;
}
#main li {
	line-height:1.7em;
	font-weight: 300;
}
#main article {
	padding-bottom:60px;
	clear:both;
}
.searchform {
	padding: 40px 40px 30px 40px;
	font-size: 16px;
	background:#fff;
	height:100%;
}
.fixme2 .searchform {
	padding: 15px 40px 50px 40px;
}
.homepage .fixme2 .searchform {
	background:#22211f;
	border:none;
	color:#fff;
	height:4px;
}
.fixme {
	margin-top:-55px;
}
#main .fixme2, .homepage .fixme2 {
	position: fixed;
	display:block;
    top: 0;
    left: 0;
	width: 100%;
	background: #22211f;
	padding-bottom: 0 !important;
	border-bottom: 0;
	padding-top:7px;
	z-index:999;
}
.ui-widget-content {
	z-index:1000 !important;
}
#main .page .fixme2 {
	height:118px;
}
.page .fixme2 .searchform, .fixme2 .searchform { 
	border: 0;
	background:#22211f;
	color:#fff;
}
.page .fixme .searchform, .fixme .searchform { 
	height:39px;
}
.searchform p, .searchform input, .fixme2 .searchform select, .fixme .searchform input, .fixme .searchform select {
	float:left;
}
.searchform p {
	margin-right:10px;
}
.searchform input, .fixme2 .searchform select, .fixme .searchform input, .fixme .searchform select {
	margin: -7px 10px 0 0;
	height:42px;
}
#homepierwszy ul {
	list-style:none;
	margin-bottom: 25px;
}
#homepierwszy li {
	border-right:.0001px solid #ccc;
}
#homepierwszy li:hover {
	background:#f5f5f5;
}
#homepierwszy li.last {
	border-right:0;
}
#homepierwszy li img {
	text-align: center;
    border: 0;
    margin: 50px auto 0 auto;
    display: block;
	width:54px;
}
#main #homepierwszy h2{
	display:none;
}
#main #homepierwszy h4{
	text-align:center;
	padding-top:1em;
}

#homepierwszy li {
	height: 200px;
}
#main #homeuslugi {
	background:#f5f5f5;
	padding-bottom:0;
}
#homeuslugi .szkic {margin-top:-40px;}
#footer {
	line-height:1.6em;
	font-size:1.5em;
	padding-bottom:60px;
	clear:both;
	padding-top: 60px;
	background:#22211f;
}
#footer ul {
	padding-left:28px;
}
#footer a {
	color: #cb5fef;
	font-weight:300;
}
#footer p, #footer li {
	color:#ddd;
	padding-left:0;
	font-size:14px;
	line-height:1.4em;
	padding-right:15px;
}
#footer h3 {
	color:#fff;
	padding-bottom:20px;
}
.home #main h2, #footer h3 {
	padding-top:0;
}

.rbs_gallery_button .button-border-caution {
	width:207px;
	float:none;
}
input[type="text"], input[type="email"], select, .homepage input[type="text"], .homepage input[type="email"], .homepage select {
  height: 40px;
  line-height: 40px;
  border:1px solid #ccc;
	font-size:14px;
	padding-left: 7px;
	font-family:'Open sans', sans-serif;
	margin-bottom: 15px !important;
	width:97%;
}
select {
	width:200px;
}
input, textarea, select, .button_small {
	webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
textarea {
	border:1px solid #ccc;
	padding-left:7px;
	padding-top:7px;
	line-height:18px;
	font-size:14px;
	font-family:'Open sans', sans-serif;
	resize:vertical;
	margin-left:40px;
	height:80px !important;
	margin-bottom:10px;
}
.fixme2 input[type="text"], .fixme2 input[type="email"], .fixme2 select, .fixme input[type="text"], .fixme input[type="email"], .fixme select {
  height: 40px;
  line-height: 40px;
  border:1px solid #ccc;
  width:200px;
	font-size:14px;
	padding-left: 7px;
	font-family:'Open sans', sans-serif;
}
#main .formularz-szary {
	background-image: url('/img/tlo-szare.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 60%;
}
#main .formularz {
	background-image: url('/img/tlo-biale.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 60%;
}
#ulica {
	width:230px;
}
.kontakt input {
	margin-left:40px;
}
.kontakt input[type="checkbox"] {
	clear:both;
	display: block;
    float: left;
}
.kontakt .width1 {
	width: 100px;
	margin-left:8px;
}
.kontakt .width2 {
	width: 300px;
}
.kontakt .width3 {
	width: 420px;
}
.your-message {
  line-height: 0;
  display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* cookiebar */

#cookie-bar {background:#111111; height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; font-family: tahoma,sans-serif;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar {bottom:0; top:auto; z-index:999;}
#cookie-bar p {margin:0; padding:0; font-size: 12px;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:6px; margin-left:8px; font-weight:normal;}
#cookie-bar .cb-enable {background:#008ace;}
#cookie-bar .cb-enable:hover {background:#005b90;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.borderbottom {
	border-bottom:1px solid #d5d5d5;
}
.borderall {
	border:1px solid #d5d5d5;
}
.bggray {
	background:#f8f8f8;
}
#main .numery h3 {
	margin-top: -81px;
    margin-bottom: 35px;
    padding-left: 62px;
}
#main .numery p {
	padding-right:20px;
}

#main .numery img {
    margin-left: 40px;
}
.dlaczego {
	text-align:center;
	width:360px;
	float:right;
	background:#863695;
	padding:40px 20px 30px 20px;
	color:#fff;
	margin-top: -54px;
	margin-left:30px;
	margin-bottom: -20px;
}
#main .dlaczego a {
	color:#fff;
}
.ring {
    height: 98px;
    width: 98px;
    text-align: center;
    padding-top: 29px;
    line-height: 1.4em;
	margin:0 auto;
	margin-bottom: -15px;
}
.ring-w {
	background: url(../img/ring-w.png) no-repeat;
}
.ring-b {
	background: url(../img/ring-b.png) no-repeat;
	padding-top:39px;
	margin-bottom:-25px;
}

/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
 
.n1, .n2, .n3
{ max-width: 100%; background-size: 100%; background-image: url('../img/numery.png'); }

.bggray .n1, .bggray .n2, .bggray .n3
{ max-width: 100%; background-size: 100%; background-image: url('../img/numery3.png'); }
 
.n1 { background-position: 0 0%; background-size: 100%; }
.n2 { background-position: 0 50%; background-size: 100%; }
.n3 { background-position: 0 100%; background-size: 100%; }

/* checkboxes */

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #863695;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}
.kontakt label {
	display: block;
    float: left;
	font-weight:300;
	height: 40px;
    padding-top: 4px;
    padding-left: 40px !important;
    margin-left: 40px;
}

.ztlem {
	color: #863695;
    padding: 0;
    font-weight: 400;
    text-decoration: underline;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 9999;
	display:none;
}
#overlay2 {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    right: 0;
	display:none;
}
#overlay2 p {
	font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-weight: 300;
}
#overlay2 img {
	margin: 0 auto;
    display: block;
    width: auto;
    max-width: 760px;
    height: auto;
}

/* ///////////////////////////////////////////////// media queries ///////////////////////////////////////////////// */
@media screen and (min-width:1px) and (max-width:1160px) {
input[type="text"], input[type="email"] {
  width:auto;
}
}

/* tabele w komunikacie o projektach */

.table-project {
    display: block;
    padding-bottom: 1.5em !important;
    padding-left: 40px !important;
}

.table-project tr, th, td {
	width: 250px;
	box-sizing: border-box;
	border: 1px solid;
	border-collapse: collapse;
	padding: 2px;
	text-align: center;
}

/* .row-project, .head-project, .cell-project {
	width: 250px;
	box-sizing: border-box;
	border: 1px solid;
	border-collapse: collapse;
	padding: 2px;
	text-align: center;
} */

.table-project th {
	font-weight: bold;
}