/* @license
 * MyFonts Webfont Build ID 2582928, 2013-06-18T04:33:17-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Nexa Bold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/nexa/bold/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Nexa Light by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/nexa/light/
 * Copyright: Copyright (c) 2010 by Svetoslav Simov. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2582928
 * 
 * © 2013 MyFonts Inc
 */

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/276990");

@font-face {
	font-family: 'Bold';
	src: url('../fonts//276990_0_0.eot');
	src: url('../fonts//276990_0_0.eot?#iefix') format('embedded-opentype'),
		 url('../fonts//276990_0_0.woff') format('woff'),
		 url('../fonts//276990_0_0.ttf') format('truetype'),
		 url('../fonts//276990_0_0.svg#wf') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
	font-family: 'Light';
	src: url('../fonts//276990_1_0.eot');
	src: url('../fonts//276990_1_0.eot?#iefix') format('embedded-opentype'),
		 url('../fonts//276990_1_0.woff') format('woff'),
		 url('../fonts//276990_1_0.ttf') format('truetype'),
		 url('../fonts//276990_1_0.svg#wf') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

::selection {
	background: #808080;
	color: #FFFFFF; /* Safari */
}

::-moz-selection {
	background: #808080;
	color: #FFFFFF; /* Firefox */
}

html {
	height: 100%;
}

body {
	background: #000000;
	height: 100%;
}

img, object, embed {
	max-width: 100%;
}

img {
	height: auto;
	padding-bottom: 0px;
}

* html img,
* html .png {
    position: relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}


/* ======================== */
/*   Reklamy   */
/* ======================== */

#adds {
	background: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 200px;
}

#adds iframe {
	display: block;
	width: 220px;
	height: 165px;
	margin: 17px auto;
	padding: 0;
}


/* ======================== */
/*   Szablon fluid layout   */
/* ======================== */

.container {
	padding: 0;
}

.mainrow {
	width: 100%;
	min-width: 1200px;
	margin: 0;
	overflow: hidden;
}

.colleft {
	background: #000000;
	position: fixed;
	float: left;
	min-height: 100%;
	width: 50%;
}

.colmenu {
	float: right;
	display: inline-block;
	min-height: 10px;
	width: 400px;
	margin-right: 200px;
}

.colcontent {
	float: left;
	display: inline-block;
	min-height: 10px;
	width: 800px;
	margin-left: -200px;
}

.colright {
	background: #1A1A1A;
	position: absolute;
	left: 50%;
	float: left;
	min-height: 100%;
	width: 50%;
}


/* ======== */
/*   Boxy   */
/* ======== */

.boxleft {
	float: none;
	display: inline-block;
	min-height: 200px;
	width: 800px;
	background: #1A1A1A;
	vertical-align: bottom;
}

.boxright {
	float: none;
	display: inline-block;
	min-height: 200px;
	width: 800px;
	background: #000000;
	vertical-align: bottom;
}

.boxsocial, .boxlogo, .boxempty, .boxemptyDesk, .boxbigtext, .boxbiggray, .pboxbiggray {
	float: left;
	min-height: 200px;
	width: 400px;
}

.boxsocial, .boxlogo, .boxempty, .boxemptyDesk, .boxbiggray, .pboxbiggray {
	max-height: 200px;
	overflow: hidden;
}

.boxemptyMobile {
	min-height: 0;
	max-height: 0;
}

.boxcontainerleft {
	float: left;
	background: #000000;
	min-height: 100px;
	max-height: 100px;
	width: 200px;
	margin-left: 200px;
}

.boxcontainerright {
	float: left;
	background: #1A1A1A;
	min-height: 100px;
	max-height: 100px;
	width: 400px;
}

.boxgray, .pboxgray, .boxblue, .boxblueDesk {
	float: left;
	min-height: 100px;
	max-height: 100px;
	width: 200px;
}

.boxsocial, .boxblue, .boxblueDesk {
	background: #00AFFF;
}

.boxlogo {
	position: relative;
	overflow: hidden;
}

.boxbiggray, .boxbigtext, .boxgray, .pboxgray, .pboxbiggray {
	background: #262626;
}

.boxlast {
	background: #000000;
	float: left;
	min-height: 200px;
	max-height: 200px;
	width: 400px;
}


/* =============================== */
/*   Style opisujące menu główne   */
/* =============================== */

.menu {
	padding: 110px 0 60px 60px;
}

.menu p {
    font-family: 'Light', Helvetica, Arial, sans-serif;
	color: #202020;
	font-size: 35px;
	line-height: 30px;
	text-transform: uppercase;
}

.menu p a {
	color: #404040;
	text-decoration: none;
}

.menu .first {
	padding-top: 1px;
}


/* ========================================= */
/*   Style opisujące moduł społecznościowy   */
/* ========================================= */

.social {
	padding: 0 0 0 60px;
}

.social p {
    font-family: 'Light', Helvetica, Arial, sans-serif;
	color: #00577F;
	font-size: 24px;
	line-height: 22px;
	text-transform: uppercase;
}

.social p a {
	color: #00577F;
	text-decoration: none;
}

.half {
	line-height: 11px;
}

.socialLeftFoto, .socialLeftHand {
	float:left;
}

.socialRightFoto, .socialRightHand {
	float:right;
}

.socialLeftHand {
	padding: 50px 0 0 20px;
}

.socialRightHand {
	padding: 50px 20px 0 0;
}


/* =========================================== */
/*   Style opisujące moduł z animowanym logo   */
/* =========================================== */

.flyback {
	position: absolute;
	min-width: 800px;
	left: -200px;
	filter: inherit;
}

.flypawel1, .flypawel2, .flygora1, .flygora2, .flystudio1, .flystudio2 {
	position: absolute;
	min-width: 800px;
	filter: inherit;
}

.flylight, .flydark {
	position: absolute;
	min-width: 100%;
}

.flypawel1 {
	top: 0;
	left: 0;
}

.flypawel2 {
	top: 0;
	left: 400px;
}

.flygora1 {
	top: 70px;
	left: 0;
}

.flygora2 {
	top: 70px;
	left: 400px;
}

.flystudio1 {
	top: 150px;
	left: 0;
}

.flystudio2 {
	top: 150px;
	left: 400px;
}


/* ================================== */
/*   Style opisujące ramki tekstowe   */
/* ================================== */

.textbox {
	padding: 10px 50px 0 10px;
}

.subtitle {
    font-family: 'Bold', Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
}

.textmain {
    font-family: 'Light', Helvetica, Arial, sans-serif;
	color: #808080;
	font-size: 20px;
	line-height: 18px;
	padding-bottom: 9px;
	text-transform: uppercase;
}

.textsmall, .copysmall {
    font-family: 'Light', Helvetica, Arial, sans-serif;
	color: #808080;
	font-size: 14px;
	line-height: 13px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.textsmall {
	padding-bottom: 5px;
}

.copysmall {
	padding: 20px 20px 20px 0;
}

.textmain a {
	color: #000000;
	text-decoration: none;
}

.textmain a:hover {
	text-decoration: underline;
}


/* ========================================== */
/*   Style opisujące przyciski do portfolio   */
/* ========================================== */

.fadehover {
	position: relative;
}

.fadehover a {
	cursor: pointer;
}

.B1aBig, .B1aSmall {
	background: #F2F2F2;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.B1aBig {
	min-height: 200px;
	max-height: 200px;
	width: 400px;
}

.B1aSmall {
	min-height: 100px;
	max-height: 100px;
	width: 200px;
}

.B1b {
	position: absolute;
	left: 0;
	top: 0;
}

.pboxbiggray .B1a, .pboxbiggray .B1b {
	overflow: hidden;
	max-width: 400px;
}

.pboxgray .B1a, .pboxgray .B1b {
	overflow: hidden;
	max-width: 200px;
}

.B1a img, .B1b img, .B1a object, .B1b object, .B1a embed, .B1b embed {
	max-width: none;
}


/* TABLETY POZIOM */

@media only screen and (max-width: 1279px) {

/* ======================== */
/*   Szablon fluid layout   */
/* ======================== */

.mainrow {
	min-width: 0;
}

.colmenu {
	margin-right: 0;
}

.colcontent {
	width: 100%;
	margin-left: 0;
}

.colright {
	margin-left: 0;
}


/* ======== */
/*   Boxy   */
/* ======== */

.boxleft, .boxright {
	width: 100%;
}

.boxcontainerleft, .boxcontainerright {
	float: none;
	min-height: 0;
	width: 100%;
	margin: 0;
}

.boxsocial, .boxlogo, .boxempty, .boxemptyDesk, .boxemptyMobile, .boxbiggray, .boxbigtext, .boxgray, .pboxgray, .boxblue, .boxcontainer, .pboxbiggray, .boxlast {
	float: none;
	width: 100%;
}

.boxblue, .boxempty, .boxemptyMobile {
	min-height: 50px;
}

.boxemptyDesk, .boxblueDesk, .boxgray, .boxcontainer, .boxlast {
	min-height: 0;
}


/* =========================================== */
/*   Style opisujące moduł z animowanym logo   */
/* =========================================== */

.flyback {
    left: 39%;
    margin-left: -300px;
}

/* ========================================== */
/*   Style opisujące przyciski do portfolio   */
/* ========================================== */

.B1aBig, .B1aSmall {
	float: none;
	min-width: 100%;
	max-width: 100%;
}

.pboxbiggray .B1a, .pboxbiggray .B1b, .pboxgray .B1a, .pboxgray .B1b {
	min-width: 100%;
	max-width: 100%;
}

}


/* SMARTFONY */

@media handheld, only screen and (max-width: 767px) {

body {
	-webkit-text-size-adjust: none;
}

	
/* ======================== */
/*   Reklamy   */
/* ======================== */

#adds {
	display: none;
}


/* ======================== */
/*   Szablon fluid layout   */
/* ======================== */

.mainrow {
	min-width: 0;
}

.colleft, .colmenu, .colcontent, .colright {
	float: none;
	width: 100%;
}

.colleft {
	position: relative;
}

.colright {
	left: 0;
}


/* ================================== */
/*   Style opisujące ramki tekstowe   */
/* ================================== */

.copysmall {
	padding: 20px 20px 20px 10px;
}

}