/*==== Podstawowe opcje strony ====*/
* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body 
{ 
	font: normal 12px Helvetica, Tahoma, Calibri, Verdana, sans-serif;
	color: #9B9B9B;
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0;
}

table
{
	font: normal 11px Helvetica, Tahoma, Calibri, Verdana, sans-serif;
	color: #9B9B9B;
	line-height: 14px;
}

p
{
	line-height: 5px;
}

a
{
	color: #adadad;
}

.concent
{
	width: 100%;
	float: left;
	min-height: 100%;
	margin: 0 auto 0 0;
	background-color: white;
	position:relative;
}

* html .concent {
	height: 100%;
}

.pForlumarza /*przedluzenie tla formularza kontaktu*/
{
	position:absolute;
	bottom:0;
	left:-350px;
	height:100%;
	width:350px;
	background-color:#ffde00;
	z-index:0;
}

#footer 
{
	clear:both;
	height:68px;
	color: #DDD;
	text-align:left;
	margin: -68px auto 0 0;
	position: relative;
	width:100%;
}

#clearfooter
{
	display: block;
	height: 68px;
}

.concentIn
{
	width: 100%;
	float: left;
	background-color: #fff;
	/*margin-bottom:80px;*/
	position:relative;
	z-index:20;
}

img
{
	border: 0px;
	vertical-align: middle;
}

/*==== Szkielet ogólny ====*/
.top
{
	width: 100%;
	height: 86px;
	float: left;
}

.topLeft
{
	width: 500px;
	height: 86px;
	float: left;
}

.topRight
{
	width: 568px;
	height: 70px;
	float: left;
	padding: 16px 0px 0px 0px;
	text-align: right;
}

img.topLogo
{
	padding-left: 20px;
	padding-top: 25px;
}

.main
{
	width: 1068px;
	float: left;
	z-index:10;
}

.mainMenu
{
	width: 200px;
	height: 100px;
	/* height: 470px; */ /* ABY MENU ROZPYCHALO ZAWARTOSC STRONY */
	float: left;
	padding-left: 20px;
}

.mainMenuAdmin
{
	width: 20px;
	height: 100px;
	float: left;
}

.mainConcent
{
	width: 820px;
	min-height:400px;
	float: left;
}

.mainConcent2
{
	width: 729px;
	float: left;
}


.mainBottom
{
	position: relative;
	width: 75%;
	float: left;
	margin-left: 220px;
	min-height:200px;
	padding-bottom: 60px;
}

.animateRightNav a.active{
 color:#333333;
}
 
.animateRightNav
{
	position: relative;
	width: 569px;
	float: left;
	height: 30px;
}



.mainLine1
{
	float: left;
	margin-left: 20px !important;
	margin-left: 10px;
}

.mainLine1 div
{
	height: 17px;
	padding: 0px 15px 0px 15px;
	background: #FFFFFF;
	font-size: 10px;
	color: #9B9B9B;
}

.mainLine2
{
	width: 100%;
	height: 68px;
	float: left;
	background: url('/pliki/grafika/backgroundBottom.jpg');
	margin-top:0 !important;
	margin-top:68px;
}

img.logo2
{
	margin: 0px 0px 0px 0px;
}

.languagesPosition
{
	margin-top:40px;
}

/*==== Strona startowa ====*/
.startFont1
{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
}

/*==== Nowosci ====*/
.nowosci
{
	float: left;
	height: 470px;
	width: 225px;

}

.nowosci2
{
	float: left;
	height: 316px;
	width: 183px;


}

.nowosciNaglowek
{
	width: 729px;
	height: 50px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

a:link.nowosciLink, a:visited.nowosciLink, a:active.nowosciLink
{
	/* color: #FF0099; */
	color: #000000;
	/* text-decoration: none; */
	text-decoration: underline;
}

a:hover.nowosciLink
{
	/* color: #FF0099; */
	color: #000000;
	text-decoration: underline;
}

div.scrollable2 { 
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 820px;     
    height:390px;     
} 
 
div.scrollable2 div.items{     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;  
} 
 
div.scrollable2 div.items div{ 
    float:left; 
	width:185px;
	height:470px;
	margin-right:20px;
	line-height: 16px;
	font-size: 11px;
} 

div.scrollable3 {
height:470px;
overflow:hidden;
position:relative;
width:820px;
}

div.scrollable3 div.items {
position:absolute;
width:20000em;
}

div.scrollable3 div.items div {
cursor:pointer;
float:left;
font-size:11px;
height:470px;
line-height:16px;
padding-right:18px;
width:187px;
}


div.scrollable4 { 
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 185px;     
    height:390px;     
} 
 
div.scrollable4 div.items{     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;  
} 
 
div.scrollable4 div.items div{ 
    float:left; 
	width:185px;
	height:470px;
	margin-right:20px;
	line-height: 16px;
	font-size: 11px;
} 

div.scrollable5 { 
  /* required settings */ 
  width:550px;
  position:relative; 
  overflow:hidden; 
  float: left;    
  height:400px;
} 
 
div.scrollable5 div.items{     
  /* this cannot be too large */ 
  width:20000em;     
  position:absolute;   
	height: 400px;
  
} 
 
div.scrollable5 div.items div{ 
	float:left; 
	
	width:550px;

  
} 


/*==== Kontakt ====*/
.kontakt
{
	float: left;
	height: 470px;
	width: 225px;
	color: #9b9b9b;
	font-size: 11px;
	line-height: 16px;
}

.kontakt1
{
	float: left;
	height: 470px;
	width: 225px;
	color: #9b9b9b;
	font-size: 11px;
	line-height: 16px;
}

img.kontaktOkrag
{
	cursor: pointer;
}

/*==== Studio ====*/
.studio
{
	float: left;
	height: 470px;
	width: 225px;
	padding-right: 18px;
	font-size: 11px;
	line-height: 16px;
}

.studioNaglowek
{
	float: left;
	width: 187px;
	/* padding-bottom: 20px; */
	font-size: 18px;
	line-height: 22px;
}


.studioBold
{
	text-decoration: underline;
}

/*==== Strona administracyjna ====*/
.adminNaglowek
{
	width: 729px;
	height: 50px;
	padding-top: 22px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

.adminZawartosc
{
	width: 1050px;
	padding-bottom: 50px;
	float: left;
}

.adminBlad1
{
	width: 729px;
	float: left;
	font-weight: bold;
	color: #BF0000;
}

.adminOk1
{
	width: 729px;
	float: left;
	font-weight: bold;
	color: #00BD00;
}

.adminTop
{
	width: 1050px;
	float: left;
	margin: 0px 0px 20px 0px;
}

.adminLewe
{
	width: 170px !important;
	width: 110px;
	float: left;
	padding-top: 63px;
}

.adminPrawe
{
	width: 529px;
	float: left;
}

.opcjaMenu
{
	margin-right: 20px;
	color: #393939;
	font-weight: bold;
}

.projectInfo {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

a:link.adminLink, a:visited.adminLink, a:active.adminLink
{
	color: #999999;
	text-decoration: none;
}

a:hover.adminLink
{
	color: #333333;
	text-decoration: underline;
}

input.adminTytul
{
	width: 350px;
	height: 19px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	padding: 3px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
}

input.adminJezyk
{
	width: 350px;
	height: 19px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	padding: 3px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
}

input.adminLink
{
	width: 350px;
	height: 19px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	padding: 3px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
}

textarea.adminTresc
{
	width: 350px;
	height: 150px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	font-size: 10px;
	padding: 3px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
}

textarea.adminTresc2
{
	width: 350px;
	height: 70px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	font-size: 11px;
	padding: 3px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
}

input.adminVal
{
	width: 163px;
	height: 19px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	padding: 3px 5px 0px 5px;
	margin: 5px 0px 5px 5px;
}

input.adminKey
{
	width: 163px;
	height: 19px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	padding: 3px 5px 0px 5px;
	margin: 5px 5px 5px 0px;
}

.adminPraweNaglowek1
{
	width: 529px;
	float: left;
	font-size: 14px;
	color: #393939;
	font-weight: bold;
	padding-bottom: 10px;
}

.adminPraweBlad1
{
	width: 529px;
	float: left;
	font-weight: bold;
	color: #BF0000;
}

.adminPraweOk1
{
	width: 529px;
	float: left;
	font-weight: bold;
	color: #00BD00;
}

.adminPraweFormularz1
{
	width: 529px;
	float: left;
}

.adminInformacje1
{
	width: 529px;
	height: 15px;
	padding-top: 10px;
	float: left;
}

.adminPraweFormularz1
{
	width: 618px;
	float: left;
}

table.adminTabela
{
	border: 1px solid #AAAAAA;
}

td.adminTabelaTdLeweMain
{
	width: 30px;
	font-weight: bold;
}

td.adminTabelaTdCentralneMain
{
	width: 399px;
	font-weight: bold;
}

td.adminTabelaTdPraweMain
{
	width: 100px;
	font-weight: bold;
}

td.adminTabelaTdLeweA
{
	width: 30px;
}

td.adminTabelaTdCentralneA
{
	width: 399px;
}

td.adminTabelaTdPraweA
{
	width: 100px;
}

td.adminTabelaTdLeweB
{
	width: 30px;
	background-color: #F0F0F0;
}

td.adminTabelaTdCentralneB
{
	width: 399px;
	background-color: #F0F0F0;
}

td.adminTabelaTdPraweB
{
	width: 100px;
	background-color: #F0F0F0;
}

a:link.adminStrona, a:visited.adminStrona, a:active.adminStrona
{
	color: #333333;
	text-decoration: none;
}

a:hover.adminStrona
{
	color: #333333;
	text-decoration: underline;
}

a.adminStronaOkrag1
{
	color: #333333;
	text-decoration: none;
	font-size: 30px;
	line-height: 20px;
	letter-spacing: -5px;
}

.navigationPointer
{
	cursor:pointer;
	color: #bdbdbd;
	text-decoration: none;
	font-size: 30px;
	line-height: 20px;
	letter-spacing: -4px;
}

.navigationPointerActive
{
	cursor:pointer;
	color: #333333;
	text-decoration: none;
	font-size: 30px;
	line-height: 20px;
	letter-spacing: -4px;
}

a.adminStronaOkrag2
{
	color: #bdbdbd;
	text-decoration: none;
	font-size: 30px;
	line-height: 20px;
	letter-spacing: -4px;
}

/*==== Obsługa błędów ====*/
.bladBaza
{
	width: 729px;
	float: left;
	color: #9B9B9B;
	font-weight: bold;
	font-size: 15px;
}

.bladNaglowek
{
	width: 729px;
	height: 60px;
	float: left;
	color: #9B9B9B;
	font-weight: bold;
	font-size: 40px;
}

.bladTresc
{
	width: 729px;
	height: 60px;
	float: left;
	color: #9B9B9B;
	font-weight: bold;
	font-size: 15px;
}

select.adminProjekt
{
	width: 360px;
	height: 20px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	padding: 0px 0px 0px 5px;
}

select.adminProjektMin
{
	width: 150px;
	height: 20px;
	border: 1px solid #A3A2A2;
	color: #A3A2A2;
	padding: 0px 0px 0px 5px;
}

/*==== Menu rozwijane ====*/
/*-------------- MENU STRONY */
div.menuRozwijane
{
	/*display:none;*/
	float: left;
}

.menuRozwijane div
{
	overflow:hidden;
}

.menuRozwijane img, .menuRozwijane div
{
	cursor: pointer;
	overflow: hidden;
}

.menuRozwijane
{
	/* float: clear; */ /* COS NIE TAK Z TYM POLECENIEM JEST */
	width: 200px;
}

.menuRozwijane .poz0
{
	width:200px;
}

.menuRozwijane .poz1
{
	width:200px;
	float: left;
}

.menuRozwijane .poz2
{
	width: 200px;
	float: left;
	font-size: 11px;
	color: #333333;
}

.menuRozwijane .poz2On
{
	width: 200px;
	float: left;
	font-size: 12px;
	color: #333333;
	background-image: url('/grafika/backgroundProdyktyOpcja.jpg');
}

.menuRozwijane .tytul0On
{
	width: 200px;
	float: left;
	background-image: url('/grafika/backgroundProdyktyOpcja.jpg');
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.menuRozwijane  .tytul0
{
	width: 200px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.menuRozwijane .tytul1
{
	width: 200px;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

.menuRozwijane .tytul1On
{
	width: 200px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-image: url('/grafika/backgroundProdyktyOpcja.jpg');
}

a:link.menuProduktyLink, a:active.menuProduktyLink, a:visited.menuProduktyLink
{
	color: #9b9b9b;
	text-decoration: none;
}

a:hover.menuProduktyLink
{
	color: #333333;
	text-decoration: underline;
}

a.menuProduktyLink2
{
	color: #333333;
	text-decoration: underline;
}


a:link.menuArchiwum, a:active.menuArchiwum
{
	color: #9b9b9b;
	text-decoration: none;
}

a:hover.menuArchiwum
{
	color: #333333;
	text-decoration: underline;
}

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

.menuSeparator1
{
	width: 200px;
	height: 5px;
	float: left;
}

.menuCalosc
{
	/* min-height:370px; */
	/* height:auto !important; */
	/* height:370px; */
	
	min-height:180px;
	height:auto !important;
	height:180px;
	
	/* width: 200px; */
	/* min-height: 370px;*/ /* ABY CALOSC MENU ROZSUWALA SIE W POZIOMIE I ROZPYCHALA CALA ZAWARTOSC STRONY, W PRZECIWNYM RAZIE PRZYWROCIC HEIGHT: 370px */
	/* float: left;*/
}

.menuPowrot
{
	width: 200px;
	padding-top: 40px;
	padding-bottom: 10px;
	float: left;
}

.menuFacebook
{
	width: 200px;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
}

.menuKontaktRozwijany
{
	width: 200px;
	height: 100px;
	float: left;
}

/* do portfolio i archiwum - przewijanie zdjec */
.portfolioBoxy {
	width: 187px;
	float: left;
	padding: 0px 18px 0px 0px;
	font-size: 11px;
}

.portfolioBoxyImg {
	width: 187px;
	float: left;
	padding: 0px 0px 15px 0px;
}

.portfolioBoxyTitle {
	width: 187px;
	float: left;
	padding: 0px 0px 15px 0px;
	color: #9B9B9B;
}

.portfolioBoxyDescription {
	width: 187px;
	float: left;
	padding: 0px 0px 15px 0px;
}

.portfolioBoxyLink {
	width: 187px;
	float: left;
	padding: 0px 0px 30px 0px;
}

.portfolioBoxyLink a:hover {
	color: #000000;
}

.portfolioNaglowek
{
	width: 729px;
	height: 50px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

.portfolioNiewidoczne
{
	display: none;
}

.portfolioAClass {
	color: #000000;
}

.archiwum
{
	float: left;
	height: 470px;
	width: 187px;
	padding-right: 18px;
	font-size: 11px;
	line-height: 16px;
}

.archiwumNaglowek
{
	width: 729px;
	height: 50px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 729px;     
    height:450px;     
} 
 
div.scrollable div.items{     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;         
} 
 
div.scrollable div.items div{ 
    float:left; 
	width:730px;
	height:450px;
} 
  
 .navigacja{
/*	margin-bottom:70px;*/
} 
 .navigacja a.active{
 color:#333333;
 }
 
/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
	float:left;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:red 0 0 no-repeat;     
	cursor:pointer;	
}

.portfolioPicture
{
	cursor: pointer;
}

img.portfolioMiniaturka
{
	padding: 0px 1px 1px 0px;
}

.portfolioInfo
{
	float: left;
	width: 350px;
	/*height: 470px; MOZE BEDZIE TRZEBA TO PRZYWROCIC */
	color: #9b9b9b;
	font-size: 11px;
	line-height: 16px;
}

/*==== Formularz kontaktowy ====*/
.formularz
{
	width: 350px;
	margin-left:-350px;	/* = -width*/
	float: left;
	overflow: hidden;
	background-color: #ffde00;
	position:relative;
	z-index:10;
}

.formularzNaglowek
{
	width: 285px;
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 26px 0px 0px 30px;
}

.formularzTekst
{
	width: 285px;
	float: left;
	color: #000000;
	padding: 16px 0px 0px 30px;
	font-size: 11px;
	line-height: 16px;
}

.formularzZawartosc
{
	width: 285px;
	float: left;
	padding: 16px 0px 0px 30px;
}

.formularzZawartoscElement
{
	font-size: 11px;
	color: #000000;
	float: left;
	margin-top: 5px;
}

input.formularzTemat
{
	width: 275px;
	border: 0px;
	background-color: #fcea65;
	padding: 5px;
	color: #838383;
}

textarea.formularzTresc
{
	width: 275px;
	height: 150px;
	border: 0px;
	background-color: #fcea65;
	padding: 5px;
	overflow: auto;
	color: #838383;
}

input.formularzPlik
{
	width: 275px;
	border: 0px;
	background-color: #fcea65;
	padding: 5px;
	color: #838383;
}

.formularzBlad1
{
	width: 275px;
	float: left;
	font-weight: bold;
	color: #BF0000;
	padding: 16px 0px 0px 30px;
}

.formularzOk1
{
	width: 275px;
	float: left;
	font-weight: bold;
	color: #00BD00;
	padding: 16px 0px 0px 30px;
}


/*==== Czcionki ====*/
.font1
{
	color: #000000;
}

.font2
{
	font-weight: bold;
}


/* dla podpisu- przenies w mądrzejsze miejsce */

.podpis
{
	float:left;
	display:none;
	clear:left;
	padding-top: 10px;
	font-size: 11px;
}

.navigator
{
	width:100%;
	height:80px;
	float:left;
}


.lackMenu
{
	margin-top:40px;
}

.panelBox
{
	width:550px;
	height:400px;
	display:block;
	overflow:hidden;
	float:left;
}

.panelPicture{
	width:550px;
	display:block;
	overflow:hidden;
}

.panelTitle
{
	padding-top:16px !important;
	font-size:16px !important;
	width:183px !important;
	height:158px !important;
	float:left !important;
	line-height: 16px !important;
}

.panelContent
{
	padding-top:16px !important;
	font-size:11px !important;
	width:366px !important;
	height:158px !important;
	float:left !important;
	line-height: 16px !important;
}

.items
{

	float:left;
	width:185px;
	height:316px;
}

.newsContent
{
	margin-left:20px;
	float:left;
	width:205px;
	height:316px;
	overflow:hidden;
}

.tekst a
{	
	margin-left: 571px;
	font-size:11px;
}

.arrows
{
	float:left;
}

.arrows3
{
	/*overflow: none;*/
	height:73px;
	width:730px;
	float:none;
}

.connect_widget_connected_text  a{
  color: #808080 !important;
}