@charset "utf-8";

html {
	width:100%;
	height:100.1%;
	font-size:100.1%;
}
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,ul,img,table {
	margin:0;
	padding:0;
}
body  {
	font:.7em Arial, Helvetica, sans-serif;
	background:url(../images/bg.jpg) top left repeat-x #c0d2de;
	line-height:1.25em; 
	letter-spacing:1px;
	color: #424a52;
}

/* GENERAL
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul,form{
	padding-bottom:1.2em;
}
h1{
	font-size:1.25em;	
}
h3{
	font-size:1.1em;
}
h4{
	font-size:1em;
}
h3 a{
	color:#424a52;
	text-decoration:none;
}
a{
	/*color:#bd2f92;*/
	color:#56626d;
}
a.ab{
	color:#424a52;

}
a:hover{
	/*color:#bd56a0;*/
	color:#323a41;
}
a img{
	border:none;
}	
p{
	
}
u{

}
ul{
	list-style:none;
	padding-left:1.5em;
}
ul li{
	padding:.2em 0 .2em 2.25em;	
	background:url(../images/bullet.jpg) center left no-repeat;
}
ul.ordered{
	list-style-type:decimal;
	padding-left:0;
	margin-left:2.5em;
}
ul.ordered li{
	background:none;
	padding-left:0;
}

.dist{
	color:#bd2f92;
}
.whiteDist{
	color:#ffffff;
}
.purpleDist{
	color:#bd2f92;
}
.clear{
	clear:both;
	line-height:1px;
	height:2px;	
	font-size:1px;
}
.tcenter{
	text-align:center;
}
.tleft{
	text-align:left;
}
.tright{
	text-align:right;
}
.just {
	text-align:justify;
}
.left{
	float:left;
}
.right{
	float:right;
}
.noMP{
	margin:0;
	padding:0;
}
.top{
	padding-top:1.2em;
}
.topm{
	margin-top:1.2em;
}	
.cl{
	clear:left;
}
.cr{
	clear:right;
}
.cb{
	clear:both;
}
.smallFont {
	font-size:.8em;
}
.line{
	border-top:solid 1px #b5c6d1;
	height:1.2em;

}
.greyLine{
	border-color:#f2f2f2;
}
.pager{
	text-align:right;	
}
.pager a{
	color:#FFFFFF;
	font-weight:800;
	text-decoration:none;
}
.pager a:hover{
	text-decoration:underline;
}
/* CONTAINER
--------------------------------------------------*/
#container { 
	padding-left:70px;
	padding-bottom:34px;
	margin:0; 
	text-align: left; 
	background:url(../images/contentBg.jpg) bottom left no-repeat;
	position:relative;
} 

#partOfCristal{
	background:url(../images/contentBgPart1.jpg) top left no-repeat;
	width:5px;
	height:21px;
	position:absolute;
	bottom:196px;
	left:70px;
}

#partOfIce{
	width:248px;
	height:27px;
	background:url(../images/partOfIce.png) top left no-repeat;
	position:absolute;
	bottom:34px;
	left:70px;
	z-index:3;
}

#popup{
	display:none;
	width:840px;
	height:2em;
	border:solid 1px #bd2f92;
	background-color:#ddb0d2;
	color:#bd2f92;
	font-weight:800;
	padding:8px 5px 2px 5px;
	margin-bottom:10px;
}
/* HEADER
--------------------------------------------------*/
#header { 
	height:400px;
	background:url(../images/headerBg.jpg) bottom left repeat-x;
	position:relative;
} 

#logo{
	float:left;
}

#fastMenu{
	width:570px;
	height:47px;
	background:url(../images/fastMenu.jpg) top left no-repeat;
	float:left;
	padding-left:70px;
}
#fastMenu a{
	display:block;
	float:left;
	height:40px;
	background:url(../images/fastMenu.jpg) top left no-repeat;
	background-position:0 -100px;
}
#fastMenu a span{
	display:none;
}

#fm1{
	width:154px;		
}
#fm1:hover{
	background-position:-70px -49px;
}

#fm2{
	width:118px;		
}
#fm2:hover{
	background-position:-224px -49px;
}

#fm3{
	width:90px;		
}
#fm3:hover{
	background-position:-342px -49px;
}

#fm4{
	width:180px;		
}
#fm4:hover{
	background-position:-432px -49px;
}

#flashContainer{
	width:635px;
	height:196px;
	float:left;
	clear:left;
	background:url(../images/flashContainerBg.jpg) bottom left no-repeat;	
	position:relative;
	z-index:2;
}
#fotosFlashContainer{
	width:623px;
	height:155px;
	position:relative;
	top:32px;
	left:7px;
}

#headerTextContainer{
	width:244px;
	height:198px;
	float:left;
	background:url(../images/headerTextContainerBg.jpg) bottom left no-repeat;
}
#headerTextContainer p{
	padding:70px 35px 0 25px;
	letter-spacing:0;
}

#topShadow{
	background:url(../images/topShadow.jpg) top left no-repeat;
	width:125px;
	height:298px;
	position:absolute;
	top:0;
	left:-70px;
	z-index:1;
}
/* MENU 
--------------------------------------------------*/
#menuContainer{
	background:url(../images/menuLeftCorner.jpg) top left no-repeat;
	height:100px;
	width:936px;
	float:left;
}

/* CONTENT CONTAINER
--------------------------------------------------*/
#contentContainer{
	background:url(../images/leftColumnBg.jpg) top left repeat-y;
}

/* LEFTCOLUMN
--------------------------------------------------*/
#leftColumn {
	float: left; 
	width: 248px; 
	position:relative;
}

.box{
	background:url(../images/boxBg.jpg) top left no-repeat;
	float:left;
	width: 248px;
}
.box .head{
	width:100%;
	height:45px;
}
.box ul{
	padding:0;	
	padding-bottom:12px;
}
.box li{
	background:url(../images/boxDots.jpg) bottom left repeat-x;
	margin:0 7px;
	padding:8px 6px 8px 6px;
}
.box li a{
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/boxBullet.jpg) center left no-repeat;
	padding-left:20px;
}
.box li a:hover{
	color:#424a52;
}
.box li a span{
	color:#7b8691;
	letter-spacing:0;
}
.box li div{
	background:url(../images/boxNote.jpg) center right no-repeat;
}

#jobOffers .head{
	background:url(../images/boxJobOffers.jpg) top left no-repeat;
}
#messages {
	background:url(../images/boxBg2.jpg) bottom left no-repeat;
}
#messages .head{
	background:url(../images/boxMessages.jpg) top left no-repeat;
}
#newsletter{
	float: left;
	width:248px;
	height:146px;
	background:url(../images/newsletterBg.jpg) top left no-repeat;	
	position:relative;
}
#newsletter form input{
	background:none;
	border:solid 1px #f5f5f5;
	color:#515c67;
	position:absolute;
	top:67px;
	left:16px;
	width:125px;
	padding-left:10px;
}
#newsletter form a{
	width:60px;
	height:20px;
	display:block;
	position:absolute;top:67px;
	right:25px;
}
/* MAINCONTENT
--------------------------------------------------*/
#mainContent { 
	margin: 0 0 0 250px; 
	width:568px;
	background:url(../images/mainContentBg.jpg) top left no-repeat;
	display:table-cell;
	padding:80px 19px 80px 28px;	
} 

.leftColumn{
	float:left;
	width:263px;
	border-right:solid 1px #b5c6d1;
	padding-right:20px;
	text-align:justify;
}
.rightColumn{
	float:right;
	width:264px;
	padding-left:20px;
	text-align:justify;
}

#mainContent a{
	font-weight:800;
}
.thinImage{
	width:257px;
	height:82px;
	overflow:hidden;
	margin:10px 0 13px 0;
	border:solid 3px #ffffff;
}
.border{
	border:solid 3px #ffffff;
}
/* FOOTER
--------------------------------------------------*/
#footer { 
	height:68px;
	background:url(../images/footerBg.jpg) bottom left repeat-x;	
	margin-left:930px;
	margin-bottom:-34px;
	position:relative;
} 
#w2b {
	position:absolute;
	left:-240px;
	top:1px;
}


/* FORM
--------------------------------------------------*/
form input, form select, form textarea{
	border:solid 1px #b4c6d1;
	border-bottom:solid 1px #d1e3ef;
	border-right:solid 1px #d1e3ef;
	color:#657683;
	background-color:#bbccd8;
}
form .element input, form .element select, form .element textarea{
	width:250px;
}
form .element textarea{
	height:60px;
}
form label{
	background:url(../images/bullet.jpg) left center no-repeat;
	padding-left:20px;
	display:block;
	float:left;
	text-align:left;
	width:280px;
}

form .element{
	padding-bottom:10px;
	text-align:right;
	clear:both;
}
form .errorNote{
	color:#ed1c24;
	text-align:right;
}
form .required{
	color:#ed1c24;
}
form .submit input{
	width:auto;
	border:solid 1px #b4c6d1;
	border-top:solid 1px #d1e3ef;
	border-left:solid 1px #d1e3ef;
}

/* STRONY
--------------------------------------------------*/

/* GALERIA */
#galeria{
	padding-left:4px;	
}
#galeria div{
	margin:0 13px 18px 7px;
	float:left;
}
#galeria img{
	border:solid 3px #ffffff;	
}
#galeria a:hover img{
	border:solid 3px #bd2f92;
}
.galeriaPadding{
	padding-left:13px;
}
.galeriaPaddingRight{
	padding-right:18px;
}

/* KONTAKT */
#kontactForm{

}
#kontactForm .submitContainer{
	text-align:right;
	padding-right:10px;
}
#kontactForm .submitContainer input{
	border:solid 1px #b4c6d1;
	border-top:solid 1px #d1e3ef;
	border-left:solid 1px #d1e3ef;
}

#kontactForm p{
	background:url(../images/bullet.jpg) top left no-repeat;
	background-position:0 2px;
}
#kontactForm p input, #kontactForm p textarea{
	display:block;
	margin-top:5px;
	width:99%;
}
#kontactForm p textarea {
	height:10em;
}	
#kontactForm p b{
	padding-left:20px;
}

/* ARTYKUŁY */
.artCut{

}

.artCut .leftColumn{
	float:left;		
	border:none;
	width:auto;	
}
.artCut .leftColumn a{
	color:#bd2f92;
	text-decoration:none;
}

.artCut .rightColumn{
	float:right;
	width:20em;
	color:#ffffff;	
	text-align:right;
}