@font-face {
    font-family: 'Square';
    src: url('font/square721bt-roman-webfont.eot');
    src: url('font/square721bt-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/square721bt-roman-webfont.woff') format('woff'),
         url('font/square721bt-roman-webfont.ttf') format('truetype'),
         url('font/square721bt-roman-webfont.svg#square721_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SquareCn';
    src: url('font/square721bt-romancondensed-webfont.eot');
    src: url('font/square721bt-romancondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/square721bt-romancondensed-webfont.woff') format('woff'),
         url('font/square721bt-romancondensed-webfont.ttf') format('truetype'),
         url('font/square721bt-romancondensed-webfont.svg#square721_cn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {background: #202020; margin: 0; padding: 0; font-family: Arial, Helvetica; line-height: 1.4em; font-size: 15px; color: #919191;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}

h1, h2, h3, h4, h5, h6{ margin: 10px 0; font-family: SquareCn; font-size: 20px; font-weight: normal; color: #6e6e6e; line-height: 1.4;}
h2, h3, h4, h5, h6{font-size: 14px; padding: 10px 0px;}
h3, h4, h5, h6{}
h1, h2, h3, .h1 { display: block; margin: 0 0px 10px 0px; padding: 25px 0px 8px; font-size: 27px; text-align: center; color:#fff; text-transform: uppercase; clear: both;}
h2:not(.h1) {margin-bottom:0; padding-bottom:0; background:none; font-size: 24px; color: #919191; text-align:left;}
h3 {margin-bottom:0; padding-bottom:0; background:none; color: #fff; text-align:left; font:normal 18px SquareCn,Arial,Helvetica,sans-serif;}
h4, .h4 {margin: 0 0 10px 0; padding: 0 0 5px 0; font:normal 17px SquareCn; text-align:left; text-transform:uppercase; background: transparent url('images/h4.gif') no-repeat 0 bottom; color:#fff;}

hr, hr.dark{border: transparent 1px solid; border-bottom: 1px solid #ccc; margin: 5px 0; padding: 0;}
hr.dark{border-bottom: 1px solid #444;}
ul, ol{margin: 0px 0px 0px 0px ; padding: 0px;}
ul{list-style-type: none; list-style-image: none;}
li {margin: 2px 0px 0px 30px; padding: 0px 0px 0px 0px; line-height: 150%;}
	#content li {font:normal 15px Square; }
ul li ul{margin: 5px 0px; padding: 0px;}
ul li ul li{margin: 0px 0px 0px 40px; padding: 0px 0px 0px 0px;}
ol ol{list-style-type: lower-alpha;}

p, div.p {font-family: Square; text-align: justify; margin: 0px; padding: 20px 0 0; line-height: 1.4em;}
p{padding: 5px 0 10px;}
p strong{font-weight:normal; color:#fff;}

a, h2 a{color: #888888; text-decoration: none;}
a:hover{color: #fff;}

a.button, span.button{display: inline-block; padding: 10px 15px 10px 30px;  text-align: center; color:#fff;  text-decoration: none; background: #393939 url('images/pkt.gif') no-repeat 12px 50%; font-size:14px;}
a.button:hover, span.button:hover{}
a.small_button, span.small_button{display: inline-block; font: normal 9px Arial; color: #fff; padding: 0 4px; background: transparent url('images/btn_bg.gif') repeat-x 0 center; border: 1px solid #000; text-decoration: none;}
a.button, span.button, a.small_button, span.small_button{}

input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select, .js_select{border: 0px solid transparent; background:transparent; border-bottom:1px solid #434343; color: #fff;  }
input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus,
input[type='text'].active, input[type='password'].active, textarea.active, select.active{outline: 0px none transparent; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); box-shadow:0px 0px 5px 0px rgba(0,0,0,.4);}
textarea{margin: 0; padding: 8px;}
select{margin: 0;}
input[type='text'], input[type='password']{ padding:4px 0px;}
input[type='radio']{margin: 3px; vertical-align: middle;}
input[type='checkbox']{margin: 3px; vertical-align: middle;}
input[type='submit'], input[type='button']{height: 21px; padding: 0px 10px 3px; background: #244284 url('images/menu_t_hover.jpg') repeat-x center bottom; border: none; font: normal 12px Arial; cursor: pointer;}

a.btn_gray, span.btn_gray, input.btn_gray{background-image: url('images/btn_gray.gif');}
a.btn_blue, span.btn_blue, input.btn_blue{background-image: url('images/btn_blue.gif');}
a.btn_green, span.btn_green, input.btn_green{background-image: url('images/btn_green.gif');}

a.button:hover, span.button:hover, a.small_button:hover, span.small_button:hover, input[type='submit']:hover{border-color: #0049ea;}
.amore, .formularz input.submit {display:inline-block; margin: 0px; padding: 6px 10px 6px 30px; background: #393939 url('images/pkt.gif') no-repeat 12px 50%; font:normal 13px Square; text-align: left; color:#888888;}
	.amore:hover {color: #fff;}
blockquote footer { text-align:right; color:#919191;}
	
/*BUTTONY Z ADMINA*/
input.btn, a.btn{height: 21px; padding: 0px 5px 3px; background: #CB0005 url('images/btn_bg.png') repeat-x center center; border: 1px solid #666; color: #fff; font: bold 12px Arial;}
input.btn:hover, a.btn:hover{border-color: #000;}
input.btn, a.btn, .rcms_confirm{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn{display: inline-block; padding: 4px 0px 3px; margin: 0 1px; height: 12px; text-decoration: none; text-align: center;}

input.red, a.red{}
input.gray, a.gray{background-color: #999; color: #fff;}
input.blue, a.blue{background-color: #0079F7; color: #fff;}
input.green, a.green{background-color: #3BCB00; color: #fff;}
input.orange, a.orange{background-color: #FF8E00; color: #fff;}
input.btn_close{position: absolute; top: 2px; right: 2px; width: 22px; height: 17px; margin: 0;}

img{border: none;}
div, form{margin: 0px; padding: 0px; cursor: default}

::selection {background: #8E141C; color: #fff;}
::-moz-selection {background: #8E141C; color: #fff;}

.komunikat, #komunikat{padding: 10px; margin: 10px 0; background: #96131b ; color: #fff; text-align: center; overflow: hidden;}
.komunikat hr, #komunikat hr{border-bottom: 1px solid #96131b;}

p.red, div.red, span.red, a.red{color: #c33 !important;}
p.black, div.black, span.black, a.black{color: #000 !important;}
p.white, div.white, span.white, a.white{color: #fff !important;} a.white:hover{color: #ffae00 !important;}
p.gray, div.gray, span.gray, a.gray{color: #888 !important;}
p.green, div.green, span.green, a.green{color: #4db34a !important;}
p.yellow, div.yellow, span.yellow, a.yellow{color: #ffdb00 !important;} a.yellow:hover{color: #FFAF00 !important;}
p.light_orange, div.light_orange, span.light_orange, a.light_orange{color: #ffe962 !important;} a.light_orange:hover{color: #FFAF00 !important;}
p.orange, div.orange, span.orange, a.orange{color: #ff7d14 !important;} a.orange:hover{color: #ffe962 !important;}
p.d_blue, div.d_blue, span.d_blue, a.d_blue{color: #003356 !important;}
p.blue, div.blue, span.blue, a.blue{color: #005EAE !important;}

.norm, a.norm{font-weight: normal !important;}
.bold, a.bold{font-weight: bold !important;}
.italics, a.italics{font-style: italic !important;}
.underline, a.underline{text-decoration: underline !important;}
.stroke, a.stroke{text-decoration: line-through !important;}
.center, a.center{text-align: center !important;}
.left, a.left{text-align: left !important;}
.right, a.right{text-align: right !important;}
.justify, a.justify{text-align: justify !important;}

.micro, a.micro{font-size: 8px !important;}
.small, a.small{font-size: 9px !important;}
.big, a.big{font-size: 14px !important;}
.huge, a.huge{font-size: 18px !important;}

.block, a.block{display: block !important;}
.inline, a.inline{display: inline !important;}
.inline_block, a.inline_block{display: inline_block !important;}

.float_left, .fleft, a.float_left{float: left !important;}
.float_right, .fright, a.float_right{float: right !important;}
.left_order{float: left; width: 45px; margin-right: 5px; display: block; text-align: right;}

.clear:before, .clear:after {content:""; display:table;}
.clear:after {clear:both;}
.clear {zoom:1;}
.ghost {display:none;}

.clear_left{clear: left !important;}
.clear_right{clear: right !important;}

img.middle{vertical-align: middle !important;}
img.border, .image{border: 1px solid #ddd;}

.empty_field{background-image: url('images/empty_field.png'); background-repeat: no-repeat; background-position: right top;}

/* TEMPLATE #########################################*/ 

#bg {}
#container {}
	#head{position: fixed; top: 0; left: 0; width: 100%;  height: 64px; z-index: 999; background-color:#1c1c1c; border-bottom:1px solid #454545;}
	#baner { border-bottom:1px solid #454545;}
	#content{width: 100%; background-color:#292929; /*clear:both;*/}
		#content .ccenter{padding-bottom:40px;}
	#foot{padding: 20px 0 0; background-color:#292929; border-top:1px solid #454545;}
.ccenter {margin: 0 auto; width: 990px; position:relative;}

/* HEAD #########################################*/ 
#head { }
  a#go_home{display: block; width: 156px; height: 34px; position: absolute; left: 0px; top: 18px; background:url('images/logo.png') no-repeat 0 0;}
  
#mainMenu{float:right;z-index:8;}
  #mainMenu ul{margin: 0; padding: 0; }
  #mainMenu li{display: block; margin: 0 0 0 23px; padding: 0; float:left; position:relative;}
	#mainMenu li.sub > a{background:url('images/menuSup.gif') no-repeat center 56px;}
		#mainMenu li.sub:hover > a{background:url('images/menuSup.gif') no-repeat center 80px;}
	#mainMenu a{display: block; padding: 35px 0px 6px; font: normal 17px SquareCn; border-bottom:2px solid transparent; color:#9a9999; text-transform:uppercase;}
	x:-o-prefocus, #mainMenu a {padding: 40px 0px 7px;}
		#mainMenu .sub/*:not(.id_110)*/ > a{ border-bottom:2px solid transparent !important;}
	#mainMenu > ul li:hover > a, #mainMenu > ul li.active > a{color:#fff; border-color:#8e141c;}
	/* 2 poziom */
	#mainMenu ul ul{display:none; position:absolute; top:64px; left:-1px; border:1px solid #454545; background:#1c1c1c; z-index:9}
	#mainMenu ul > li > ul{display:none;}
	#mainMenu ul ul::before{content:""; width:100%; height:7px; position:absolute; top:-7px; left:0px; background:url('images/menuHover.png') no-repeat -5px 0;}
	#mainMenu ul li:hover ul{display:block;}
		#mainMenu ul ul li{width:240px; clear:both; margin:0; }
			#mainMenu li.id_119 {border-top: 1px solid #454545;}
		#mainMenu ul ul li a{padding:10px 22px; font:normal 13px Square; text-transform:none; border-bottom:0px none;}
		#mainMenu ul ul li a:hover, #mainMenu ul ul li.active a, #content .divWrapperMenu li.active a{background:#8e141c;}
	/* 2 active */
	#mainMenu li.sub.active/*:not(.id_110)*/ > a, #mainMenu li.id_98.active > a{background:url('images/divWrapperMenuOpen.png') no-repeat center 55px;  border-bottom:2px solid transparent !important;}
	#container .divWrapperMenu{display:block; position:fixed; top:65px; left:0px; width:100%; text-align:right; border:0px none; background:#484848; }
	#container .divWrapperMenu ul{display:block; position:static; width:990px; margin:0 auto; background:transparent; text-align:center; border:0 none;}
		#container .divWrapperMenu ul::before{display:none;}
	#container .divWrapperMenu li{display:inline-block; width:auto; margin:3px 1px 4px; border:1px solid transparent; float:none;}
		#container .divWrapperMenu li:hover{border:1px solid #767676; }
	#container .divWrapperMenu li a{padding:7px; font:normal 14px SquareCn,Arial,Helvetica; text-transform:uppercase; color:#a3a3a3;}
		#container .divWrapperMenu li a:hover{background:transparent;}
	#container .divWrapperMenu li.active {}
	#container .divWrapperMenu li.active a.kategorie_active {}

	/* WYCENA NIE ROZWIJALNA */
	/*#mainMenu li.id_110.sub > a {background:none;}
	#mainMenu li.id_110.sub.active > a {background:none;}*/
	
	/* REALIZACJE BUG */
	.page_98 #container .divWrapperMenu{z-index:3;}
	
	#mainMenu li.id_114 a {color:#b32738;}

/*  FAQ  ############################################################## */

.title{margin:10px 0 0px 0px; padding: 8px 20px; background-image: url('images/reset_faq.png'); background-repeat:no-repeat; background-color:#202020; background-position:right -80px;}
	.title h2{margin:0; padding:0; text-align:left; font:normal 17px SquareCn;  text-transform:none;}
	.title:hover h2{color:#fff;}
.zwin{background-position:right 0px;}
.desc{display:none; margin:0px 0 0px 0px; padding:12px 20px 20px 20px;}
	.desc {}


/* content #########################################*/ 
#content{}
div.page_100 article a, div.page_101 article a, div.page_102 article a, div.page_103 article a, div.page_104 article a, div.page_105 article a{color:#fff;}
#content, #homepage > div{}
	#content li{margin:0; padding:0px 0 0 20px; background:transparent url('images/dot.png') no-repeat 3px 10px; line-height: 1.8;} 
	article{font:normal 15px Square;}
		header.naglowek{margin-bottom:10px; border-bottom:1px solid #3f3f3f; text-align:center;}
		header.naglowek h1, header.naglowek .h1{display:inline-block; margin-bottom:-1px; background-color:none; border-bottom:1px solid #8e141c;}
		
	.pdf-down {display:inline-block; padding:7px 7px 7px 44px; background:#222222 url('/pliki/pdf.png') no-repeat 9px center;  color: #fff; opacity:.65;}
	.pdf-down:hover {background-color: #97131c !important;  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2) inset; cursor: pointer;  opacity:1;}
		
/* FOOT #########################################*/ 
	#footReal{padding:0 0 15px 0; color:#888888;}
	#footReal .titleOpen{margin:0; padding:13px 0 0 0; /* background-image: url('images/reset_zwinred.png');*/ background-color:transparent; background-position: center -45px;} 
			#footReal .titleOpen h4{margin-bottom:0; padding-bottom:0px; background-position: 0 -50px;} 
		#footReal .title{background-position: center -4px;} 
		#footReal .title.zwin{background-position: center -55px;} 
			#footReal .titleOpen h4{margin-bottom:10px; padding-bottom:5px; background:transparent url('images/h4.gif') no-repeat 0 bottom;} 
			#footReal .title.zwin h4{margin-bottom:0px; padding-bottom:0px; background-position: right -7px; } 
	#footReal .desc{display:block; margin:0; padding:0; background-color: transparent;} 
		#footReal .realizacja{margin:8px 49px 8px 0; float:left;}
			#footReal .realizacja:nth-child(3n){margin-right:0px;}
			#footReal .realizacja:hover .titleReal span.titleLink {color:#fff;}
		.realizacja .titleReal{margin-top: 10px; font:normal 13px Square;}
			.fotoReal {position:relative; height:187px;}
			.titleReal a{display: block;}
			.titleReal span.link{ display:inline-block; padding: 0px 0 0 17px; font-size:11px; background: transparent url('images/pkt.gif') no-repeat left 50%;}
				.realizacja a:hover {color:#919191;}
				/* HOVER CURSOR START */
				.realizacja > a {display:block; width: 100%; height: 100%; cursor:pointer;}
				.realizacja * {cursor:pointer;}
				/* HOVER CURSOR END */
			.realAmore {padding:10px 0 5px; text-align:right;}
#foot { font: normal 12px Arial; color:#888888;}
	#foot a{text-decoration:none; color: #888888;}
	#foot a.kategorie_active, #foot a:hover{color:#fff !important;}
	#foot ul{list-style-image: none; margin: 0 auto;}
	#foot li {margin: 0; padding: 0px;}
	#foot li span.bull{margin:0px 5px;}
		.foot_left{width:195px; padding-left:5px; float:left;}
			#foot .foot_left li a{font:normal 12px Arial;}
			#foot .foot_left li:not(.sub) {width:180px; margin-right: 50px; padding-left:18px; background:transparent url('images/pktb.gif') no-repeat 0 center;}
			#foot .foot_left li:nth-of-type(4){clear:both;}
			#foot .foot_left li:nth-of-type(3n+3){ border:0 none;}
			.foot_left li.sub > a{display:none;}
		.footPartners{float:left; margin:0 85px;}
			.footPartners img{margin-right:40px;}
		.foot_right{float:right;}
		.foot_right p{ font-family: Arial;}
			address.foot_right {font-style:normal;}
			.foot_right .mail{}
			.foot_right p{padding:0;}
			#foot .footerContact {display:block; margin-top:10px; padding:5px 10px; background:#96131b; font:normal 12px Square; color:#fff;}
		.footerBottom {margin-top: 20px; padding:20px 0; background:#202020; border-top: 1px solid #454545; }
		.foot_slash{width: 19px; height:52px; position:absolute; left:-19px; top:0; background:transparent url('images/foot_bg_2.png') no-repeat center center;}
			.postxt{width:60%; font-size:10px; color:#888888; text-align:left; float:left; }
			#reset{width:30%; font-size:10px; color:#888888; text-align:right; float:right;}
			#copyright{}
#czekacz{position: fixed; top: 50%; left: 50%; display: none;}
#ajax_pusty_powrot{display: none;}
 
/*  ONAS  ############################################################## */
div.onas {margin:20px 0; padding:30px 315px 30px 50px; background-color:#222222; background-repeat:no-repeat; background-position:right top; background-size:contain;}
	div.onas h2 {margin:0; padding:0; text-align: left;}
	.onas.boxPasja {background-image:url('images/_onasImgPasja.jpg');}
	.onas.boxJakosc {background-image:url('images/_onasImgJakosc.jpg');}
	.onas.boxElastycznosc {background-image:url('images/_onasImgElastycznosc.jpg');}
	.onas.boxRozwoj {background-image:url('images/_onasImgRozwoj.jpg');}
	.onas span{display:block; margin-bottom:5px; padding: 8px 10px; background:#202020; font: normal 17px SquareCn;}
	.onas p{ text-align:left; padding:0;}  

/*  REFERENCJE */		
table#referencje {border-spacing:0;}
	table#referencje td{padding:10px 40px; background-color:#222222; border-top:10px solid #292929; border-bottom:10px solid #292929;}
	table#referencje td:first-child{text-align:center;}
	table#referencje tr:last-child td{padding-bottom:0px; border-bottom:0px none transparent;}
	table#referencje blockquote{margin-left:0; margin-right:0;}
		table#referencje blockquote p::before {content:"\201E";}
		table#referencje blockquote p::after {content:"\201D";}
	table#referencje blockquote header{text-align:right;}
	table#referencje blockquote header a{color:#fff;}
		table#referencje blockquote header a:hover{color:#919191;}
/*  WSPIERAMY */	
div.wspieramy{height:273px; margin:20px 0; padding-left:265px; padding-right:40px; background-color:#222222;background-repeat: no-repeat; background-position:  0 center; text-align:right;}
	div.wspieramy:last-child {border-bottom:0px none transparent;}
	div.wspieramy header{color:#fff; padding-top:46px;}
	div.wspieramy blockquote{margin:0;}
	div.wspieramy header, div.wspieramy p{text-align:justify; }
	div.wspieramy p{margin-bottom:10px;}
	div.wspieramy a.amore{margin-left:10px; background-color:transparent; border:1px solid #3F3F3F; font-size:13px;}
	div.wspieramy a.amore.fb{background-image:url('images/fb.gif'); background-position:0 center; padding-left:35px; border:1px solid #3F3F3F; font-size:13px;}
div.laura{background-image: url('/pliki/wspieramyLaura.jpg');}
	div.laura header{padding-top: 32px;}
div.mateuszek{background-image: url('/pliki/wspieramyMateuszek.jpg');}
	div.mateuszek header{padding-top: 45px;}
div.husar{height:200px;background-image:url('/pliki/wspieramyHusar.png'); background-position:40px center;}
	div.husar header{padding-top: 35px;}
/*  KARIERA */	
div.bg_black {
    background-color: #222222;
    margin: 20px 0;
    padding: 30px;
}


/*  COOKIES  ############################################################## */ 

#cookies-message {
	padding: 10px 0px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    background-color: #1c1c1c;
	font: normal 15px Square;
    color: #919191;
    width: 100%;
    z-index: 999;
} 

#cookies-message  #accept-cookies-checkbox, #cookies-message a  {
	border:1px solid #6f6f6f;
    padding: 5px 10px;
    color: #6f6f6f;
    display: inline-block;
	font-family: SquareCn;
    margin-left: 10px;
    text-decoration: none;
    cursor: pointer;
	text-transform: uppercase;
}


/*  ANIMACJE  ############################################################## */

#mainMenu a, #footReal span, .rwdSlides_nav, a.realisationPrev, a.realisationNext, .titleRealList, .fotoList img.fotoRealColor, .page_102 article section .projImg, .page_100 article section .kroki .nr, div.boxLeft, div.boxRight, .foot_left li a, .amore, .js_select_lista_element, .pole_div input, .boxLeft , .boxLeft a, a.boxRight, section header.title, #mainMenu ul > li > ul, #content ul.realisations_list li .titleRealList, #content ul.realisations_list li img{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/*  RED HOVER  ############################################################## */

#content nav.oferta li a:hover, #content .boxLeft a:hover, a.boxRight:hover, div.integracja a:hover, div.aplikacje a:hover, div.druk a:hover, section:not(#footReal) header.title:hover, #bg .boxMail:hover, .realizacjeGo.projekty.stronyWww:hover{background-color:#97131c!important; color:#fff; box-shadow:inset 0px 0px 50px 0px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0px 0px 50px 0px rgba(0,0,0,0.2); cursor:pointer;}	
 

/*  WYJATKI  ############################################################## */

x:-o-prefocus, .person, x:-o-prefocus, .firma {
    /*padding: 18px 0px 17px 15px;*/
    }
	
/*  RWD  ############################################################## */

/* tablet */
@media all and (min-width:481px) and (max-width:769px){

}

@media print {
	
    body,  #content  { background: #ffffff; color: #000; }
	h1 {color:#000;}
	#head, #footReal, #foot, .pole_div.submit, .boxDark.boxDarkForm {display:none;}
	fieldset, input, #content .formularz textarea, textarea{border:1px solid #ccc!important; background:#fff!important;}
	label, .pole_div_label{color:#000!important;}
	#content .formularz .fieldset:nth-child(n+3) div.fieldset_content {border-left:1px solid #fff!important; border-right:1px solid #fff!important; border-top:1px solid #ccc!important;  border-bottom:0px solid #fff!important;}
}