/* author: justynaj */

html, body {
	height: 100%;
	background-color: #b5261f;
}

body {
	background-color: #b5261f;
	padding: 0;
	text-align: center;
	display: table;
	width: 726px;
	margin: 0 auto;

}

#wrapper {
	display: table-cell;
	vertical-align: middle;
}

/* style globalne */

body,p,td,form, fieldset, input, textarea, li, a {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #939598;
}

img {	border: 0;}
a {color: #56575A; 	text-decoration: none; }
a:hover {text-decoration: underline;}

/*
.ciemnoszary {color: #56575A;}
.fontBold {font-weight: bold;}
.error {color: #FF0000;}
.bckgWhite {background-color: #FFFFFF;}
*/
.clear {width: 100%; height: 0px; font-size: 0px; line-height: 0px; clear: both;}
.bialaRamka {border: solid 1px #FFFFFF;}
.bialyWyrozniony {color: #FFFFFF; text-decoration: underline;}
.jasnoszary {color: #c2c2c2;}
.bialeTlo {background-color: #FFFFFF;}
.floatRight {float: right;}
.floatLeft {float: left;}

/* /style globalne */

/* scroll */

.scroll-track{
height:12px;
width:13px;
background-color: #dfdfdd;
}

.scroll-handle{
border-left: 1px solid #c9c7c8;
border-bottom: 1px solid #c9c7c8;
height:12px;
width:13px;
background-color: #858384;
cursor:pointer;
}

/* /scroll */

/* podstawowa struktura */

body #main {
	width: 726px;
	/*margin: 50px auto 0 auto;*/
	margin: 0;
	padding: 0;
	text-align: left;
}

#header, #contentBox, #footerBox {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#header {
	height: 132px;
	width: 726px;
}

#header #logoBox {
	float: left;
	clear: both;
	margin: 0 12px 0 0;
	padding: 0;
	height: 132px;
	width: 179px;
}

#header #logoBox a {}


#header #logoBox a img{
	width: 179px;
	height: 132px;
	margin: 0;
	padding: 0;
}

#header #headerContent {
	float: left;
	clear: none;
	width: 520px;
	height: 100%;
}

#header #headerContent #jezyki {
	float: right;
	clear: both;
	text-align: right;
	width: 100%;
	height: 20px; 
	margin: 69px 0 8px 0;
}


#header #headerContent #jezyki  img#separator{
	margin: 0 11px 0 12px;
}


#header #headerContent #headerTextBox {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
	width: 518px;
	height: 32px;
	border: solid 1px #FFFFFF;
}

* HTML #header #headerContent #headerTextBox {
	width: 520px;
	height: 34px;
}

#header #headerContent #headerTextBox #flashContainer{
	margin: 10px 0 0 10px;
}

#header #headerContent #headerTextBox #flashContainerr{
	margin: 0 0 0 0;
}


#header #headerContent #headerTextBox h3.hdNaglowek{
	margin: 9px 0 0 10px;
	font-size: 11px;
	font-weight: normal;
	color: #F0F0F0;
}

#header #headerContent #headerTextBox img#imgHeader {
	margin: 10px 0 0 12px;
}


#contentBox {
	margin-top: 15px;
}

/* nawigacja */

#contentBox #navMenu {
	float: left;
	clear: both;
	width: 163px;
	margin: 0 14px 0 14px;
	font-size: 11px;
}

* HTML #contentBox #navMenu {
	margin-left: 7px;
}


#contentBox #navMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}


#contentBox #navMenu ul li {
	margin: 0 0 15px 0;
	padding: 0;
	height: 34px;
	text-align: center;
	display: block;
	font-size: 11px;
}

* HTML #contentBox #navMenu ul li {
	margin-bottom: 13px;
}


#contentBox #navMenu ul li a img {
	width: 163px; 
	height: 34px;
}

/* /nawigacja */


#contentBox #content {
	float: left;
	clear: none;
	width: 520px;
	height: 279px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
}


/* layout - podzial na 2 wiersze */

#contentBox #content .layout2wiersze {
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

#contentBox #content .layout2wiersze .pierwszyWiersz {
	width: 100%;
	height: 181px;
	clear: both;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	overflow: hidden;
}

#contentBox #content .layout2wiersze .drugiWiersz {
	width: 100%;
	height: 83px;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* /layout - podzial na 2 wiersze */


/* layout - podzial dolnej czesci na 2 kolumny */

#contentBox #content .layout2wiersze .drugiWiersz .layoutDolny2kolumny {
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#contentBox #content .layout2wiersze .drugiWiersz .layoutDolny2kolumny .pierwszaKol {
	width: 158px;
	height: 83px;
	clear: both;
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
	overflow: hidden;
}


#contentBox #content .layout2wiersze .drugiWiersz .layoutDolny2kolumny .drugaKol {
	width: 350px;
	height: 83px;
	clear: none;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/* /layout - podzial dolnej czesci na 2 kolumny */

/* layout - podzial na 2 kolumny */

#contentBox #content .layout2kolumny {
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

#contentBox #content .layout2kolumny .pierwszaKol {
	width: 158px;
	height: 100%;
	clear: both;
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
	overflow: hidden;
}

#contentBox #content .layout2kolumny .drugaKol {
	width: 350px;
	height: 100%;
	clear: none;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.loadingBox {
	background: #FFFFFF url("../_images/loading.gif") no-repeat center;
}

#contentBox #content .layout2kolumny .drugaKol a.iks {
	display: block;
	margin: 8px 0 0px 331px;
}


/* /layout - podzial na 2 kolumny */

/* layout - podzial lewej czesci na 2 wiersze */
/* layout - podzial prawej czesci na 2 wiersze */

#contentBox #content .layout2kolumny .layoutLewy2wiersze,
#contentBox #content .layout2kolumny .layoutPrawy2wiersze {
}

#contentBox #content .layout2kolumny .layoutLewy2wiersze .pierwszyWiersz,
#contentBox #content .layout2kolumny .layoutPrawy2wiersze .pierwszyWiersz {
	width: 100%;
	height: 181px;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
	float: left;
	overflow: hidden;
}

#contentBox #content .layout2kolumny .layoutLewy2wiersze .drugiWiersz,
#contentBox #content .layout2kolumny .layoutPrawy2wiersze .drugiWiersz {
	width: 100%;
	height: 83px;
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
	overflow: hidden;
}

/* /layout - podzial lewej czesci na 2 wiersze */
/* /layout - podzial prawej czesci na 2 wiersze */


/* layout - podzial  na 3 kolumny */

#contentBox #content .layout3kolumny {
	height: 100%;
	width: 100%;
}

#contentBox #content .layout3kolumny .kolumna {
	width: 166px;
	height: 100%;
	overflow: hidden;
	float: left;
	clear: none;
}

#contentBox #content .layout3kolumny .pierwsza,
#contentBox #content .layout3kolumny .druga {
	margin: 0 11px 0 0;
}

#contentBox #content .layout3kolumny .trzecia {
	margin: 0;
}

/* layout - podzial  na 3 kolumny */


#contentBox #content .SGTextBox {
	background: transparent url('../_images/bckgSGContent.gif') no-repeat 0 0;
	cursor: pointer;
}


#contentBox #content .SGTextBox #SGTextBoxContent {
	color: #FFFFFF;
	width: 435px;
	height: 63px;
	margin: 20px 0 0 40px;
	text-align: left; /* text-align: justify; */
	line-height: 130%;
}

#contentBox #content .SGTextBox #SGTextBoxContent a{
	color: #FFFFFF;
}

.linkiZRamka {
	width : 156px !important;
	height: 81px !important;
	border: solid 1px #FFFFFF;
}

* HTML .linkiZRamka {
	width : 158px !important;
	height: 83px !important;
}

.linkiZRamka .linkiContent {
	width: 138px;
	height: 60px;
	margin: 17px 0 0 15px;
	padding: 0;
}

.linkiZRamka .linkiContent a, .linkiZRamka .linkiContent span {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10px;
}


.linkiPoprawione .linkiContent {
	margin-left: 10px;
}

.linkiPoprawione .linkiContent a, .linkiPoprawione .linkiContent span {
	line-height: 10px;
}


.zajawkaILink {
	width: 340px;
	height: 83px;
	overflow: hidden;
	margin: 0;
	float: left;
	clear: none;
}

.zajawkaILink .zajawkaBox {
	width: 304px;
	height: 59px;
	margin: 10px 0px 5px 24px;
	overflow: hidden;
	float: left;
	clear: both;
}

*HTML .zajawkaILink .zajawkaBox {
	margin-left: 12px;
}

.zajawkaILink .zajawkaBox h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	color: #b5261f;
}

.zajawkaILink .zajawkaBox .zajawkaText {
	text-align: left; /* text-align: justify; */
	margin-right: 5px;
}

.zajawkaILink .linkBox {
	width: 15px;
	height: 15px;
	float: left;
	clear: none;
	margin: 60px 0px 0 2px;
}

img.strzalki {
	margin: 15px 0 9px 24px;
}

.subpageTextBox, 
.subpageTextBoxBig {
	width: 320px;
	height: 209px;
	margin: 6px 0px 4px 24px;
	padding: 0;
	overflow: hidden;
}

.subpageTextBoxBig {
	height: 242px;
}

.subpageTextBox .subpageTextBoxContent,
.subpageTextBoxBig .subpageTextBoxContent{
	margin: 0 24px 0 0;
	text-align: left; /* text-align: justify; */
	padding: 0;
}

/* strona wydarzen */

.wydarzenieBox {
	width: 320px;
	/*height: 170px;*/
	height: 148px;
	overflow: hidden;
	/*margin: 6px 5px 5px 25px;*/
	margin: 21px 5px 5px 25px;
	padding: 0;
}

.wydarzenieBox img.wydarzenieLogo {
	xclear: both;
	xfloat: left;
	margin: 0 0 6px 0;
	padding: 0;
}

.wydarzenieBox .wydarzenieNaglowek {
	xclear: both;
	xfloat: left;
	margin: 0 25px 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	color: #4f4a4a;
}

.wydarzenieBox .wydarzenieTresc {
	xclear: both;
	xfloat: left;
	margin: 0 25px 6px 0;
	padding: 0;
	color: #615e5c;
	text-align: left; /* text-align: justify; */
}

.archiwumBox {
	width: 320px;
	xheight: 75px;
	overflow: hidden;
	margin: 3px 5px 6px 25px;
	padding: 0;
}

.archiwumBox h3 {
	margin: 0px 0 2px 0;
	height: 13px;
	padding: 0;
	color: #4f4a4a;
	font-size: 11px;
	font-weight: bold;
}

.archiwumBox .archiwumBoxContent{
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


.archiwumBox table {
	margin: 0;
	padding: 0;
}

.archiwumBox table tr td {
	padding: 0px 0;
}
.archiwumBox table tr td,
.archiwumBox table tr td a {
	margin: 0;
	color: #615e5c;
	font-size: 10px;
	xline-height: 10px;
	vertical-align: top;
}

.archiwumBox table tr td.pierwsza {
	width: 95px;
}

/* /strona wydarzen */

/* case studies - strona glowna */

.caseTeaserBox {
	width: 100%;
	margin: 0;
	float: left;
	clear: none;
	height: 100%;
	overflow: hidden;
}

.caseTeaserBox  .imgBig{
	width: 100%;
	height: 135px;
	margin: 0px 0 20px 0;
	float: left;
	clear: both;
	overflow: hidden;
}

.caseTeaserBox  .imgSmallTresc{
	width: 134px;
	height: 100px;
	margin: 0 16px;
	float: left;
	clear: both;
}

* HTML .caseTeaserBox  .imgSmallTresc{
	margin: 0 8px;
}

.caseTeaserBox  .imgSmallTresc .imgSmall{
	height: 50px;
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
}

.caseTeaserBox  .imgSmallTresc .tresc{
	height: 38px;
	width: 100%;
	margin-bottom: 0px;
	overflow: hidden;
	text-align: left; /* text-align: justify; */
	font-size: 9px;
	font-weight: bold;
}

.caseTeaserBox  .linkMore{
	width: 14px;
	height: 14px;
	margin: 1px 0px 0px 146px;
	float: left;
	clear: both;
	overflow: hidden;
}

* HTML .caseTeaserBox  .linkMore{
	margin-left: 73px;
}

/* /case studies - strona glowna */


/* portfolio */

.folioKlienciBox {
	background: #737070 none no-repeat 0 0;
	width: 348px;
	margin-left: 0px;
	height: 100%;
	overflow: hidden;
}

.folioKlienciBox img {
	margin: 0 1px 1px 0;
	width: 86px;
	height: 69px;
	float: left;
	clear: none;
	cursor: pointer;
}

.folioLinki {
	width: 156px;
	height: 277px;
	border: solid 1px #FFFFFF;
}

* HTML .folioLinki {
	width: 100%;
	height: 100%;
}

.folioLinki a {
	display: block;
	margin: 4px 15px 0 15px;
	font-size: 10px;
	line-height: 130%;
}

#folioBigFotoView, #folioThumbsView {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;	
	background-color: transparent !important;
}

#folioThumbsView {
	background-color: #B5261F !important;
}

#folioBigFotoView #imgBigContent{
	width: 300px;
	height: 215px;
	margin: 25px 25px 0 25px;
	background-color: transparent;
	overflow: hidden;
}

#folioBigFotoView #textBox {
	margin: 10px 6px 0 25px;
	float: left;
	clear: both;
	width: 300px;
	font-weight: bold;
	font-size: 10px;
	color: #615e5c;
}

* HTML #folioBigFotoView #textBox {
	margin-left: 12px;
}

#folioBigFotoView #closeBox {
	margin: 16px 0px 0 0;
	float: left;
	clear: none;
	width: 14px;
}

#folioBigFotoView #closeBox img{
	cursor: pointer;
}

#folioThumbsView {}

#folioThumbsView #folioThumbs {
	width: 300px;
	height: 115px;
	margin: 26px 25px 16px 25px;
	padding: 0;
	overflow: hidden;
	float: left;
	clear: both;
}
* HTML #folioThumbsView #folioThumbs {
	margin-left: 12px;
}

#folioThumbsView #folioThumbs #folioThumbsContent {
	height: 100%;
	visibility: hidden;
}

#folioThumbsView #folioThumbs #folioThumbsContent .onePhoto {
	float: left;
	clear: none;
	margin-right: 10px;
	height: 100%;
	vertical-align: bottom;
}

#folioThumbsView #folioThumbs #folioThumbsContent .onePhoto img {
	cursor: pointer;
}

#folioThumbsView  #folioButtons {
	float: left;
	clear: both;
	width: 100%;
	margin: 6px 0 0 0;
}

#folioThumbsView  #folioButtons #navButtons{
	float: left;
	clear: both;
	width: 305px;
	margin: 0 5px 0 22px;
}

* HTML #folioThumbsView  #folioButtons #navButtons{
	margin-left: 11px;
	margin-right: 2px;
}


#folioThumbsView  #folioButtons #navButtons img#btnPrev{
	float: left;
	clear: none;
	cursor: pointer;
}

#folioThumbsView  #folioButtons #navButtons img#btnNext{
	float: right;
	clear: none;
	cursor: pointer;
}

#folioThumbsView  #folioButtons img#btnPowrot{
	float: left;
	clear: none;
	cursor: pointer;
}


#folioThumbsView .folioOpis {
	height: 72px;
	width: 320px;
	margin: 5px 0 0 25px;
}

#folioThumbsView .folioOpis .folioOpisContent {
	margin: 0 25px 0 0;
	text-align: left; /* text-align: justify; */
	font-size: 10px;
	line-height: 120%;
	color: #615e5c;
}

/* /portfolio */


/* formularz aplikacyjny */


#formAplikacyjny {
	margin: 0;
	padding: 0;
	width: 100%;
}


#formAplikacyjny,
#formAplikacyjny div,
#formAplikacyjny fieldset {
	color: #828282;
	font-size: 11px;
	line-height: 14px;
}

#formAplikacyjny fieldset input,
#formAplikacyjny fieldset textarea {
	border: solid 1px #b5261f;
}

#formAplikacyjny fieldset input.dateInput {
	width: 40px;
}

#formAplikacyjny fieldset .dateLabel{
	font-size: 10px;
}

#formAplikacyjny fieldset textarea {
	width: 100px;
	height: 50px;
}

#formAplikacyjny fieldset{
	margin: 20px 0px 0 0px;
	padding: 0;
	border: none;
}

#formAplikacyjny fieldset h3 {
	color: #828282;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

#formAplikacyjny fieldset .formFields{
	height: 225px;
	width: 295px;
	margin: 0 24px 10px 24px;
	float: left;
	clear: both;
	overflow: hidden;
}

* HTML #formAplikacyjny fieldset .formFields{
	margin-left: 12px;
}


#formAplikacyjny fieldset .formFields .jednaLinia{
	float: left;
	clear: both;
	width: 100%;
	margin: 4px 0;
}


#formAplikacyjny fieldset .formFields .jednaLinia .pierwsza,
#formAplikacyjny fieldset .formFields .jednaLinia .druga{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}

#formAplikacyjny fieldset .formFields .jednaLinia .druga, 
#formAplikacyjny fieldset .formFields .jednaLinia .druga * {
	float: right;
}

#formAplikacyjny fieldset#page1 .formFields .jednaLinia .pierwsza {
	width: 50px;
}

#formAplikacyjny fieldset#page1 .formFields .jednaLinia .druga{
	width: 245px;
}

#formAplikacyjny fieldset#page2 .formFields .jednaLinia .pierwsza,
#formAplikacyjny fieldset#page3 .formFields .jednaLinia .pierwsza {
	width: 100px;
}

#formAplikacyjny fieldset#page2 .formFields .jednaLinia .druga, 
#formAplikacyjny fieldset#page3 .formFields .jednaLinia .druga {
	width: 195px;
}

#formAplikacyjny fieldset#page2 .formFields .jednaLinia .druga textarea, 
#formAplikacyjny fieldset#page3 .formFields .jednaLinia .druga textarea {
	width: 191px;
}

#formAplikacyjny fieldset .formFields .jednaLinia .klauzula {
	line-height: 120%;
	font-size: 9px;
	text-align: left; /* text-align: justify; */
}


#formAplikacyjny fieldset .pager{
	width: 332px;
	height: 20px;
	float: left;
	clear: both;
}

#formAplikacyjny fieldset .pager #btnSend {
	float: left;
	clear: none;
	margin: 0 10px 0 10px;
}

* HTML #formAplikacyjny fieldset .pager #btnSend {
	margin-left: 5px;
	margin-right: 2px;
}


*+ HTML #formAplikacyjny fieldset .pager #btnSend {
	margin-left: 5px;
	margin-right: 2px;
}

#formAplikacyjny fieldset .pager #btnSend  input{
	border: none;
	background-color: #FFFFFF;
	color: #858282;
	cursor: pointer;
	width: 50px;
	margin: 0;
	padding: 0;
}

#formAplikacyjny fieldset .pager #sendInfo {
	float: left;
	clear: none;
	margin-top: 1px;
}


#formAplikacyjny fieldset .pager .pages{
	float: right;
	clear: none;
	margin-right: 20px;
}

* HTML #formAplikacyjny fieldset .pager .pages{
	margin-right: 10px;
}

#formAplikacyjny fieldset .pager .pages img{
	float: left;
	clear: none;
	margin: 0 0 0 2px;
	cursor: pointer;
}


#formAplikacyjny fieldset .btnPowrot{
	float: left;
	clear: none;
	margin: 0;
	cursor: pointer;
	width: 14px;
}



.selectBox {float: right !important; clear: both; width: 120px; position: relative; margin-right: 73px;}
*+ HTML .selectBox {margin-right: 76px;}
* HTML .selectBox {float: left !important;  margin-right: 0px; margin-left: 2px;}
.selectBox .selectBoxTitle {float: left !important; clear: both; width: 118px; height: 19px; position: absolute; top: 0; left: 0; border: solid 1px #b5261f; background-color: #FFFFFF;}
* HTML .selectBox .selectBoxTitle {height: 21px;}
.selectBox .selectBoxTitle #item {float: left !important; clear: both; width: 88px; margin: 3px 2px 3px 4px; background-color: #dedede; padding-left: 5px;}
* HTML .selectBox .selectBoxTitle #item {margin-left: 2px; width: 91px;}
.selectBox .selectBoxTitle img {	cursor: pointer;	float: left !important;	clear: none; margin: 3px 3px 3px 0;}
.selectBox .selectBoxOptions {float: left !important; clear: both; width: 118px; position: absolute; top: 21px; left: 0; background-color: #FFFFFF; border: solid 1px #b5261f; border-top: none;}
.selectBox .selectBoxOptions ul {float: left !important; clear: both; margin: 5px 4px; padding: 0; list-style-type: none; width: 110px;}
* HTML .selectBox .selectBoxOptions ul {margin-left: 2px; width: 100px;}
.selectBox .selectBoxOptions ul li {float: left !important; clear: both; margin: 0; padding: 0; list-style-type: none; display: block; width: 104px; height: 15px; cursor: pointer; padding-left: 5px;}
.selectBox .selectBoxOptions ul li.selected {background-color: #c7c5c5;}


/* /formularz aplikacyjny */


/* kontakt */
.kontaktBox {
	color: #FFFFFF;
	font-size: 9px;
	line-height: 13px;
	margin: 7px 0 0 5px;
}
/* /kontakt */


/* box copyrights */

#contentBox #copyrights {
	float: left;
	clear: none;
	width: 15px;
	height: 279px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url("../_images/imgCopyrights.gif") no-repeat 5px 0; 
}

#contentBox #copyrights img{
	margin: 0 0 0 5px;
}

* HTML #contentBox #copyrights img{
	margin-left: 0px;
}


/* /box copyrights */


/* stopka */

#footerBox {
	float: left;
	clear: both;
	width: 697px;
	xwidth: 100%;
	height: 30px;
	overflow: hidden;
	margin: 0 0 0 14px;
	padding: 0;
}

* HTML #footerBox {
	margin-left: 7px;
}


#footerBox #footerKontakt{
	float: left;
	clear: both;
	xwidth: 650px;
	width: 670px;
}



#footerBox #footerHome{
	float: right;
	clear: none;
	xwidth: 40px;
	width: 27px;
	text-align: right;
	xmargin-right: 15px;
}

#footerBox div, 
#footerBox div a {
	color: #d9876e;
	font-size: 9px;
}

/* /stopka */