@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Trykker&subset=latin,latin-ext);

html, body {height:100%; margin:0; padding:0;}
body{
	overflow: auto;
	overflow-y: scroll;
	background: #111;
	font-family: "Trykker", serif;
	font-size: 12px;
	color: #FFFFFF;
}

a{color: inherit;text-decoration: none;}
a:hover{}

/* Tło */
#page-background {position:fixed; top:0; left:0; display: none;}
	img#page-background.wide{width:100%; height:auto;}
	img#page-background.tall{width:auto; height:100%;}
div#page-background{display: block;width: 100%;height:100%;}

/* Strona */
#page {
	position:relative;
	z-index:1;
	width: 100%;
}

/* Górny pasek */
#page-bar{
	min-height: 41px;
	background: #000000;
	position: fixed;
	width: 100%;
	z-index: 2;
	top: 0;
	left:  0;
	font-size: 14px;
}
	#page-bar-inside{
		/*min-width: 950px;*/
		width: 72%;
		padding: 0 15px;
		padding: 0 0;
		margin: 0 auto;
		margin-right: 14%;
		height: 41px;
		position: relative;
		/**/
		width: 100%;
	}

	/* Główne menu */
	#page-menu{
		position: relative;
		float: left;
		height: 41px;
		line-height: 41px;
		white-space: nowrap;
		/**/
		margin-left: 14%;
	}
		#page-menu a{
			text-decoration: none;
			float: left;
			margin-right: 16px;	
			outline: none;
			
			opacity: 1;
			-webkit-transition: opacity 0.3s ease-in-out;
			-moz-transition: opacity 0.3s ease-in-out;
			-o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
		}
			#page-menu a._current{
				font-weight: bold;
			}
			#page-menu a:hover{
				opacity: 0.5;
    			filter: alpha(opacity=50);
			}
			
	/* Logowanie */
	#user-area{
		position: relative;
		float: right;
		height: 41px;
		line-height: 41px;
		white-space: nowrap;
		width: auto;
		text-align: right;
		/**/
		margin-right: 14%;
	}
		#user-area a{
			outline: none;
			
			opacity: 1;
			-webkit-transition: opacity 0.3s ease-in-out;
			-moz-transition: opacity 0.3s ease-in-out;
			-o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
		}
			#user-area a:hover{
				opacity: 0.5;
    			filter: alpha(opacity=50);
    		}
    	#user-area a#btn-layout-edit{}
    		#user-area a#btn-layout-edit._loading{
    			opacity: 0.5;
    			filter: alpha(opacity=50);
    		}
    	#user-area .form{
    	}
			#user-area .form label{
				font-size:10px;
				/*color: #FFF;*/	
			}
			#user-area .form table{
				height: 21px !important;	
				line-height: auto !important;
			}
				#user-area .form table td{
					vertical-align: middle !important;
					padding: 0 2px 0 0;
				}
					#user-area .form .css_input_text_normal{
						height: 16px;
						padding: 0 2px;
						width: 96px;
						margin: 0 !important;
						
						border: 1px solid #A3A3A3;
						border: 1px solid rgba(255,255,255,.3);
							
						border-radius: 2px;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						-o-border-radius: 2px;
						-ms-border-radius: 2px;
						
						background: transparent;
						/*color: #FFF;*/
						color: inherit;
					}
					#user-area .form .css_input_button{
						height: 18px;
						line-height: 18px;
						border-width: 0;
						background: #000000;
						/*color: #FFFFFF;*/
						color: inherit;
						width: auto !important;
						padding: 0 5px;
						outline: none;
						
						border-radius: 9px;
						-webkit-border-radius: 9px;
						-moz-border-radius: 9px;
						-o-border-radius: 9px;
						-ms-border-radius: 9px;
					}

/* Dolny pasek */
#footer-bar{
	height: 41px;
	background: #000000;
	position: fixed;
	width: 100%;
	z-index: 2;
	bottom: 0;
	left:  0;
}
	#footer-bar-inside{
		/*min-width: 950px;*/
		width: 72%;
		padding: 0 0 0 15px;
		margin: 0 auto;
		margin-right: 14%;
		height: 41px;
		position: relative;
	}
		#footer-bar-inside a{
			outline: none;
			
			opacity: 1;
			-webkit-transition: opacity 0.3s ease-in-out;
			-moz-transition: opacity 0.3s ease-in-out;
			-o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
		}
			#footer-bar-inside a:hover{
				opacity: 0.5;
    			filter: alpha(opacity=50);
    		}
		#footer-bar-inside ._left,
		#footer-bar-inside ._center,
		#footer-bar-inside ._right{
			float: left;
			height: 41px;
			width: 33.3%;
		}
			#footer-bar-inside ._left{
				line-height: 41px;
			}
			#footer-bar-inside ._center{
				position: relative;
			}
			#footer-bar-inside ._right{
				float: right;
				text-align: right;
				line-height: 15px;
				white-space: nowrap;
				padding: 6px 0 5px 0;
				height: 30px;
			}
	
			
	/* Narzędzia miejsca pamięci */
	#obituary-tools{
		height: 41px;
		line-height: 41px;
		white-space: nowrap;
		width: 91px;
		padding-right: 20px;
		margin: 0 auto;
	}
		#obituary-tools a{
			float: right;
			width: 17px;
			height: 17px;
			background: url(../../gfx/20n/obituary-tools-sprite.png) 3px 0 no-repeat;
			margin-left: 12px;
			margin-top: 12px;
			outline: none;
			
			opacity: 1;
			-webkit-transition: opacity 0.3s ease-in-out;
			-moz-transition: opacity 0.3s ease-in-out;
			-o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
		}
			#obituary-tools a.ot1{}
			#obituary-tools a.ot2{background-position: -25px 0;}
			#obituary-tools a.ot3{background-position: -57px 0; width: 18px;}
			#obituary-tools a.ot4{background-position: -91px 0; width: 18px;}
			#obituary-tools a.ot5{background-position: -122px 0;}
			#obituary-tools a.ot6{background-position: -150px 0; width: 20px;}
			#obituary-tools a.ot7{background-position: -180px 0;}
			#obituary-tools a.ot8{background-position: -209px 0; width: 18px;}
			#obituary-tools a.ot9{background-position: -239px 0;}
			#obituary-tools a.ot11{background-position: -268px 0; width: 15px;}
			#obituary-tools a:hover{
				opacity: 0.5;
    			filter: alpha(opacity=50);
			}
			#obituary-tools div.expendable{
				display: none;
				background: #000000;
				position:absolute;
				top:0px;
				right:0;
				width:100%;
				height:41px;
				line-height:41px;
				padding: 0;
				z-index: 10;
			}
				#obituary-tools div.expendable._ot7{
					height:24px;
					line-height:24px;
					padding: 8px 0 9px 0;
				}


/* Treść stron */
#content-container{
	position: relative;
	z-index: 1;
	/*
	width: 950px;
	margin: 0 auto;
	*/
}
	#content{
		width: 481px;
		padding: 41px 0 100px 0;
		/*margin: 0 15px 0 469px;*/
		margin-right: 14%;
		float: right;
		background: url(../../gfx/20n/black-50p.png);
		position: relative;
	}
		/* Nagłówek treści */
		#content-header{
			min-height: 126px;
			position: relative;
			background: url(../../gfx/20n/content-hr.png) repeat-x bottom left;
			text-align: right; 
			padding: 30px 45px 35px 10px;
		}
			#content-header h1{
				font-size: 50px;
				font-weight: normal;
				text-transform: uppercase;
				padding: 0;
				margin: 0;
			}
			#content-header h4{
				font-size: 14px;
				font-weight: normal;
				padding: 0;
				margin: 0;
			}
			#content-header .counter{
				font-style: italic;
				font-size: 12px;
				padding-top: 5px;
			}
			#content-header .main_photo{
				position: relative;
				display: block;
				overflow: hidden;
				outline: none;
				float: right;
				border: 1px solid #000000;
			}
			#content-header .main_photo .wstazka{
				background: url('../../gfx/wstazeczka.gif') bottom right no-repeat transparent;
				z-index: 100;
				position: absolute;
				width: 100%;
				height: 100%;
			}
			#content-header .main_photo .nowstazka{
				background: transparent;
				z-index: 100;
				position: absolute;
			}
		/* Treść */	
		#content-container{
		}
			#content-container .stick-bottom-link{
				text-align: right;
				outline: none;
				float: right;
				margin: 10px 20px 10px 0;
				/*
				position: absolute;
				bottom: 70px;
				right: 45px;
				*/
			}
				#content-container .stick-bottom-link b{
					font-size: 1.5em;
					line-height: 0.5em;
					position: relative;
					top: 2px;
				}
			#content-container .separate-area{
				padding: 16px 20px 18px 32px;
				background: url(../../gfx/20n/content-hr.png) repeat-x bottom left;
			}
				#content-container .separate-area .bold{
					line-height: 16px;
				}
			#content-container .content-bar{
				padding: 16px 20px 18px 30px;
			}	
				#content-container .content-bar div{
					height: 42px;
					padding: 0 0 0 50px;
					line-height: 38px;
				}
					#content-container .content-bar div span{
						white-space: nowrap;
						font-weight: bold;
					}
					#content-container .content-bar div a{
						text-align: right;
						float: right;
						outline: none;
						white-space: nowrap;
						line-height: 40px;
					}
						#content-container .content-bar div a b{
							font-size: 1.5em;
							line-height: 0.5em;
							position: relative;
							top: 2px;
						}
			#content-container .content-bar-simple{
				padding: 0px 20px 0px 30px;
				line-height: 20px;
			}
				#content-container .content-bar-simple span{
					white-space: nowrap;
					font-weight: bold;
					line-height: 20px;
					display: inline-block;
					height: 20px;
				}
				#content-container .content-bar-simple a{
					text-align: right;
					float: right;
					outline: none;
					line-height: 20px;
					height: 20px;
				}
					#content-container .content-bar-simple a b{
						font-size: 1.5em;
						line-height: 0.5em;
						position: relative;
						top: 2px;
					}
			
				/* Condolence list (@ showobituary i obituarycondolence) */
				#content-container .condolence-list{}
				#content-container .condolence-list._alone{
					padding: 0 19px 0 22px;
				}
					#content-container .condolence-list .section{
						margin-bottom: -5px;
					}
					#content-container .condolence-list .row{
						padding: 5px 10px;
						margin-top: 10px;
						position: relative;
					}
						#content-container .condolence-list .row .author{
							float: left;
						}
						#content-container .condolence-list .row .date{
							float: right;
						}
						#content-container .condolence-list .row .text{
							clear: both;
							padding-top: 5px;
							word-wrap: break-word;
						}
						#content-container .condolence-list .row ._report_abuse{
							background: #330000;
							right: 0;
							font-size: inherit;
							padding: 3px 10px;
							font-weight: normal;
							color: #FFF;
						}
						
				/* Candle list (@ obituarycandle) */
				#content-container .candle-list{}
				#content-container .candle-list._alone{
					padding: 0 19px 0 80px;
					margin-top: -18px;
				}
					#content-container .candle-list .section{
					}
					#content-container .candle-list .row{
						padding: 5px 15px 5px 0;
					}
					#content-container .candle-list._alone .row{
						padding-bottom: 12px;
						margin-bottom: 10px;
						background: url(../../gfx/20n/content-hr.png) repeat-x bottom left;
					}
						#content-container .candle-list .row .author{
							float: right;
						}
						#content-container .candle-list .row .text{
							float: left;
							font-style: italic;	
							word-wrap:break-word;
						}
						#content-container .candle-list .row ._report_abuse{
							background: #330000;
							right: 0;
							bottom: 2px;
							top: auto;
							font-size: inherit;
							padding: 3px 10px;
							font-weight: normal;
							color: #FFF;
						}
						
				/* Diary list (@ obituarydiary) */
				#content-container .diary-list{
					padding: 0 19px 0 22px;
				}
					#content-container .diary-list .section{
						margin-bottom: -5px;
					}
					#content-container .diary-list .row{
						padding: 5px 10px;
						margin-top: 10px;
						position: relative;
					}
						#content-container .diary-list .row .upper-line{
							padding-bottom: 7px; 
							background: url(../../gfx/20n/content-hr.png) repeat-x bottom left;
							margin-bottom: 5px;
						}
							#content-container .diary-list .row .upper-line .title{
								float: left;
							}
							#content-container .diary-list .row .upper-line .author{
								float: right;
								font-style: italic;
							}
						#content-container .diary-list .row .text{
							clear: both;
							word-wrap: break-word;
						}
						#content-container .diary-list .row ._report_abuse{
							background: #330000;
							right: 0;
							font-size: inherit;
							padding: 3px 10px;
							font-weight: normal;
							color: #FFF;
						}
						
				/* showobituary */
				#content-container .separate-area a.more{
					text-align: right;
					padding-top: 10px;
					display: block;	
				}
				#content-container #sa-obituary-picture.separate-area .content{
					min-height: 32px;
					background: url(../../gfx/20n/sa-obituary-picture-ico.png) no-repeat 0px 0px;
					padding: 0px 0 0 50px;
				}
					#content-container #sa-obituary-picture.separate-area .content a{
						margin-top: 5px;
						float: left;
						clear: both;
						outline: none;
					}
					#content-container #sa-obituary-picture.separate-area .content a span.legend{
						text-align: center;
						font-size: 0.75em;
						padding-top: 5px;
						display: block;
					}
				#content-container #sa-about.separate-area .content{
					min-height: 32px;
					background: url(../../gfx/20n/sa-about-ico.png) no-repeat 0px 0px;
					padding: 0px 0 0 50px;
				}
					#content-container #sa-about.separate-area .content .obituary-describe{
						width: 370px;
						padding-top: 5px;
						overflow: hidden;
						word-wrap:break-word;
					}
						#content-container #sa-about.separate-area .content .obituary-describe p{
							margin-top: 0;
						}
                        #content-container #sa-about.separate-area .content .obituary-describe img{
                            /*width: auto;	*/
                            height: auto !important;
                            max-width: 370px !important;
                        }
				#content-container #sa-place.separate-area .content{
					min-height: 46px;
					background: url(../../gfx/20n/sa-place-ico.png) no-repeat 0px 0px;
					padding: 5px 0 0 50px;
				}
					#content-container #sa-place.separate-area .content span{
						display: block;
						padding-top: 5px;
					}
					#content-container #sa-place.separate-area .content .mapka{
						margin-top: 10px;
					}
						#content-container #sa-place.separate-area .content .mapka #mapka_title{
							margin-left: 0;
						}
						#content-container #sa-place.separate-area .content .mapka #mapka{
							margin-left: 0;
						}
					#content-container #sa-place.separate-area .content #restplace_header{margin: 10px 0 0 0;}
					#content-container #sa-place.separate-area .content #restplace_header #restplaceFormButton{}
					#content-container #sa-place.separate-area .content #restplace_header .restplace_title{}
					#content-container #sa-place.separate-area .content #restplace{
						text-align: center;
						margin: 2px 0 0 0;
						width: 357px;
					}
				#content-container #sa-latest-candles.separate-area{
					padding-top: 13px;
				}
					#content-container #sa-latest-candles.separate-area .content{
						min-height: 46px;
						background: url(../../gfx/20n/sa-latest-candles-ico.png) no-repeat 0px 0px;
						padding: 10px 0 0 50px;
					}
				#content-container #sa-latest-condolences.separate-area{
					padding-left: 22px;
				}
					#content-container #sa-latest-condolences.separate-area .content{
						height: 40px;
						background: url(../../gfx/20n/sa-latest-condolences-ico.png) no-repeat 10px 0px;
						padding: 15px 0 0 60px;
					}
				#content-container #sa-remembers.separate-area .content{
						min-height: 40px;
						background: url(../../gfx/20n/sa-remembers-ico.png) no-repeat 0px 0px;
						padding: 13px 0 20px 50px;
				}
					#content-container #sa-remembers.separate-area .content .bold{
						float: left;
					}
					#content-container #sa-remembers.separate-area .content .btn-add{
						float: right;
						line-height: 13px;
						padding-top: 3px;
					}
					#content-container #sa-remembers.separate-area .content .list{
						padding-left: 18px;
						padding-top: 8px;
					}
						#content-container #sa-remembers.separate-area .content .list .row{
							float: left;
							margin-right: 1%;
							margin-bottom: 3px;
							width: 49%;
						}
				#content-container #sa-leader.separate-area .content{
						padding: 13px 0 20px 50px;
						background: url(../../gfx/20n/sa-church-ico.png) no-repeat 0px 0px;
				}
					#content-container #sa-leader.separate-area .content .list{
						padding-left: 18px;
						padding-top: 8px;
					}
			
				/* obituarycondolence */
				#content-container #cb-condolences.content-bar div{
					background: url(../../gfx/20n/sa-latest-condolences-ico.png) no-repeat 0 0;
				}
						
				/* obituarycandle */
				#content-container #cb-candles.content-bar div{
					background: url(../../gfx/20n/sa-latest-candles-ico.png) no-repeat 0 0;
				}
				
				/* obituaryphotoalbum */
				#content-container #cb-photos.content-bar div{
					background: url(../../gfx/20n/cb-photos-ico.png) no-repeat 0 3px;
				}
				#content-container #boxForm{
					width: auto;
				}
				#content-container .photo-list{
					margin: 5px 0 0 30px;
					height: 210px;
				}
					#content-container .photo-list a.row{
						position: relative;
						float: left;
						width: 90px;
						height: 60px;
						margin: 5px;
						text-align: center;
						overflow: hidden;
					}
						#content-container .photo-list a.row img{
							position: relative;
							z-index: 1;
							display: inline;
						}
							#content-container .photo-list a.row img.horizon{
								width: 100%;
							}
							#content-container .photo-list a.row img.vertical{
								height: 100%;
							}
						#content-container .photo-list a.row .desc{
							display: none;
						}
				#flowplayer_playlisted{
					width: 426px !important;
					float: none !important;
					margin: 0 auto !important;
					border-width: 0 !important;
					background: rgba(0,0,0,.5) !important;
				}
				#fPlaylist{
					float: none !important;
					width: 426px !important;
					margin: 0 auto !important;
				}
					#fPlaylist .clips{
						width: 100% !important;
						/*background: #F4F5E7;*/
						background: rgba(0,0,0,.5);
					}
						#fPlaylist .clips a{
							float: left !important;
							width: 164px !important;
							border-width: 0 !important;
							background-color: transparent !important;
							background-position: 180px 10px !important;
							color: white !important
						}
						#fPlaylist .clips a.progress{
							background-image: url(/gfx/20n/loader_32.gif) !important;
							background-color: transparent !important;
							background-size: 16px 16px !important;
							background-position: 183px 18px !important;
						}
						#fPlaylist .clips a span{
							color: #999 !important
						}
				#content-container .video-list{
					padding-bottom: 20px;
				}
					#content-container .video-list .row{
						margin: 20px auto 0 auto;
						width: 426px;
						padding-bottom: 20px;
					}
						#content-container .video-list .row .player{
							width: 426px;
							overflow: hidden;
						}
						#content-container .video-list .row .title{
							padding: 0 0 5px 4px;
						}
						
				/* obituarydiary */
				#content-container #cb-diary.content-bar div{
					background: url(../../gfx/20n/sa-latest-condolences-ico.png) no-repeat 0 0;
				}
						
				/* obituarycontact */
				#content-container #cb-contact.content-bar div{
					background: url(../../gfx/20n/sa-about-ico.png) no-repeat 0 0;
				}
					#beforeSend .css_input_text_normal,
					#beforeSend .css_input_text_error
					{
						width: 80%;
					}
					#beforeSend #antyspam_inline .fieldValue{
						width: auto;
					}
					#beforeSend #contactBox{
						text-shadow: 1px 1px 1px #000;
					}
						#beforeSend #contactBox font{
							color: #F00 !important;
						}
						
				/* obituarycontact */
				#content-container #cb-remembers.content-bar div{
					background: url(../../gfx/20n/sa-remembers-ico.png) no-repeat 0 0;
				}
					#content-container .remembers-list{
						padding: 0 15px 0 30px;
					}
						#content-container .remembers-list .col{
							float: left;
							padding: 0;
							margin: 0; 
							width: 46%;
							margin-right: 4%;
						}
							#content-container .remembers-list .col li{
								list-style-type: none;
								padding: 0;
								margin: 0;
							}
								#content-container .remembers-list .col li a{
									display: block;
									padding-bottom: 7px;
									padding-left: 18px;
									margin-left: -18px;
									background: url(../../gfx/20n/ico-email.png) no-repeat 0 1px;
								}
					
			.content-hr{
				background: url(../../gfx/20n/content-hr.png) repeat-x bottom left;
				height: 2px;
				clear: both;
				margin: 10px 0;	
			}
				
			/* Padding pod stronicowaniem */
			.paging{
				padding-bottom: 30px;
			}
		
			/* Licznik wizyt */
			#content .visit_counter{
				position: absolute;
				bottom: 50px;
				right: 45px;
				text-align: right;
				font-style: italic;
			}
			
/* Color picker */
.style_20 .colorpicker .colorpicker_submit{
	left: auto;
    top: auto;
	right: 10px;
	bottom: 10px;
    cursor: pointer;
    
    display: block;
    visibility: visible;
    
    height: 15px;
    line-height: 15px;
	border-width: 0;
	background: #830400;
	color: #FFFFFF;
	width: auto !important;
	padding: 2px 6px;
	outline: none;
	
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	
	font-weight: normal;
	font-size: 11px;
}
	.style_20 .colorpicker .colorpicker_submit:hover{
		box-shadow: 0 0 8px #830400;
	}


/* Różne */
#confirmDiv, #dialogDiv{color: #000000;}
#confirmDiv, #dialogDiv{
	box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;
	
	border-radius: 2px;
}
	.css_input_button.button_new{
		height: 20px;
		border-width: 0;
		background: #000000;
		color: #FFFFFF;
		width: auto !important;
		padding: 0 10px 5px 10px;
		outline: none;
		
		border-radius: 9px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		-o-border-radius: 9px;
		-ms-border-radius: 9px;
		
		font-weight: normal;
	}
		.css_input_button.button_new.button_important{
			background-color: #830400;
		}
			.css_input_button.button_new:hover{
				box-shadow: 0 0 8px #000000;
			}
			.css_input_button.button_new.button_important:hover{
				box-shadow: 0 0 8px #830400;
			}
	#confirmDiv .css_input_text_normal,
	#dialogDiv .css_input_text_normal{
		padding: 2px 0px;
		color: #000;
		border: 1px solid #999;
		
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
	}
	#confirmDiv .css_input_text_error,
	#dialogDiv .css_input_text_error{
		padding: 2px 0px;
		
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
	}
#dialogDivButton{color: #000 !important;}

/* Pola tekstowe */
.css_input_text_normal,
.css_input_text_error,
.css_input_button{
	font-family: inherit;
	font-size: 12px;
}
#content-container .css_input_text_normal{
	border: 1px solid #A3A3A3;
	border: 1px solid rgba(255,255,255,.3);
		
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	
	background: transparent;
	color: #FFF;
	
	padding: 2px 2px;
}
	#content-container .css_input_text_normal:focus{
		background: url(../../gfx/20n/black-40p.png);
		border: 1px solid #C3C3C3;
		border: 1px solid rgba(255,255,255,.6);
	}
#content-container .css_input_text_error{
	border: 1px solid #EE0000;
	border: 1px solid rgba(238,0,0,.3);
		
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	
	background: transparent;
	background: rgba(238,0,0,.05);
	color: #FFF;
	
	padding: 2px 2px;
}
	#content-container .css_input_text_error:focus{
		background: rgba(238,0,0,.2);
		border: 1px solid rgba(238,0,0,.6);
	}

.hidden{
	display: none;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}


/* Edit Layer */

/* Inactive */
.style_20 #edit-form.inactive{
	background: url(../../gfx/20n/loader_32.gif) center center no-repeat;
	height: 100px;
}
	.style_20 #edit-form.inactive form{
		display: none;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	/*
	.style_20 #edit-form.inactive .tab_select a,
	.style_20 #edit-form.inactive .tabs .tab.color .row-color a.btn{
		opacity: 0.2;
		filter: alpha(opacity=20);
	}
	.style_20 #edit-form.inactive .tabs .tab.color .row-color .preview{
		cursor: default !important;
	}*/
	
#edit-layer{
	position: fixed;
	top: 10%;
	left: 25%;
	z-index: 75;
	background: url(../../gfx/20n/bg-color.php?c=000000&o=0.75);
	border-radius: 10px;
	
	box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;
	
	font-family: Trykker, serif;
	color: #FFFFFF;
}
	#edit-layer ._close{
		background: url(../../gfx/colorpicker/close.png) no-repeat 0 0;
		width: 43px;
		height: 42px;
		right: -23px;
	    top: -19px;
	    cursor: pointer;
	    display: block;
	    outline: none;
	    position: absolute;
	    z-index: 5;
	    text-indent: -999em;
	}
	#edit-layer ._inner{
		padding: 10px;
	}
		#edit-layer ._inner #edit-form{
			width: 500px;
		}
	#edit-layer.draggable{
		opacity: 0.5;
		filter: alpha(opacity=50);
	
		box-shadow: 0 0 0 #000;
		-webkit-box-shadow: 0 0 0 #000;
	}
			#edit-layer.draggable ._inner #edit-form .title.active-handle{	
				text-shadow: 0 0 4px #FFF;
			}
	
/* Ciasteczka */
#cookiesPanel{width:100%; position: fixed; left:0; bottom:0; z-index:9999; background: url(../../gfx/20n/black-50p.png); color:#FFF; padding: 5px 0; display: none; font-size: 12px; font-family: inherit;}
#cookiesPanelContainer{max-width:950px; width:100%; margin:0 auto; padding: 0 15px;}
#cookiesPanelTxt{text-shadow: 1px 1px 1px #000;}
#cookiesPanelTxt a{color: #FFF;}
#cookiesCloseBtn{float:right; background: #BBB; padding: 3px 6px; border-radius: 8px; color:#000 !important; text-decoration: none; border: 1px solid #999; text-shadow: 0 0 2px #FFF; box-shadow: 0 0 8px #000; margin: 0 10px 5px 10px; outline: none;}

/* MEDIA QUERIES */
@media only screen and (max-width: 980px){
	#page-bar-inside,
	#footer-bar-inside,
	#content-container
	{width: 100%;padding-left:0;padding-right:0;}
	#content{padding-top: 0;}
	#page-bar,
	#page-bar-inside,
	#footer-bar,
	#footer-bar-inside
	{height: auto;min-height: 41px;}
	#page-bar,
	#page-bar-inside{position: relative;}
	#footer-bar-inside ._left
	{padding-left: 2%; width: 35.5%;}
	#footer-bar-inside ._right
	{padding-right: 2%; width: 35.5%;}
	#footer-bar-inside ._left,
	#footer-bar-inside ._center,
	#footer-bar-inside ._right{white-space: normal;height: auto;min-height: 41px;}
	#footer-bar-inside ._center
	{width: 25%; }
}
@media only screen and (max-width: 768px){
	#page-bar-inside #page-menu{clear:both;float: none;}
}
@media only screen and (max-width: 668px){
	#content{margin-left: auto !important; margin-right: auto !important; width: 481px !important; float: none !important;}
	#page-bar-inside #page-menu,
	#page-bar-inside #user-area{
		width: 481px;
		margin: 0 auto;
		clear: both;
		float: none;
		text-align: center;
	}
		#page-bar-inside #page-menu{
			width: 100%;
		}
			#page-bar-inside #page-menu a{
				display: inline-block !important;
				float: none;
			}
}
@media only screen and (max-width: 560px){
	#page-bar-inside #page-menu{
		clear: both;
		float: none;
		text-align: center;
		height: auto;
		white-space: normal; 
	}
		#page-bar-inside #page-menu a{
			display: inline-block;
			float: none;
		}
	#footer-bar-inside ._left,
	#footer-bar-inside ._center,
	#footer-bar-inside ._right{float: none;clear:both;text-align: center;width: 100%;padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0;}
}
@media only screen and (max-width: 480px){
	#page,
	#page-bar,
	#footer-bar,
	#page-bar-inside #page-menu,
	#page-bar-inside #user-area,
	#content{
		width: 480px !important;
	}
}

/* TinyMCE */
body#tinymce.mceContentBody{
	background: #FFFFFF !important; 
	color: #000000 !important;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    margin: 8px;
}
	body#tinymce.mceContentBody.blok-1{
		color: #333333;
	    font-family: Verdana,Arial,Helvetica,sans-serif;
	    font-size: 12px;
	}
	
	
a#memories-badge{
	position: fixed;
	top: 390px;
	right: 0px;
	display: block;
	z-index: 102;
	text-decoration: none;
	display: none;
	font-size: 14px;
	font-family: "Museo Sans",sans-serif;
}
	a#memories-badge:hover{
		text-decoration: none;
	}
	a#memories-badge:hover span.img{
		right: 0px;
		display: block;
		opacity: 1;
	}
	a#memories-badge:hover span.button{
		background-color: #F02944;
		box-shadow: 0 0 5px #F02944;
	}
	
	a#memories-badge span.img{
		display: block;
		position: absolute;
		bottom: -20px;
		right: -175px;
		opacity: 0;
		
		-ms-transition: ease-in-out all 0.25s;
		-webkit-transition: ease-in-out all 0.25s;
		transition: ease-in-out all 0.25s;
		
	}
		a#memories-badge span.img img{
			width: 150px;
			border-radius: 20px;
			box-shadow: 0 0 5px #000;
			border: 1px solid #999;
			position: relative;
		}
	a#memories-badge span.button{
		display: block;
		position: relative;
		background: rgba(0,0,0,.6);
		text-align: center;
		color: white;
		line-height: 15px;
		height: 30px;
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		z-index: 2;
		margin: 0 0 0 0;
		border-radius: 10px 0 0 10px;
		width: 50px;
		
		-ms-transition: ease-in-out all 0.25s;
		-webkit-transition: ease-in-out all 0.25s;
		transition: ease-in-out all 0.25s;
	}
		a#memories-badge span.button:hover{
		}
		
/**
 * FLOATING CONTENT
 **/
#floating-content{
	display: block;
	position: fixed;
	left: 100px;
	z-index: 1000;
	padding: 10px;
	background: url(../../gfx/20n/black-50p.png);
}
a#floating-content-close{
	position: absolute;
	display: block;
	top: -25px;
	right: -25px;
	height: 30px;
	line-height: 30px;
	background: url(../../gfx/20n/black-50p.png);
	font-family: sans-serif;
	border-radius: 30px 30px 30px 30px;
		
	-ms-transition: ease-in-out all 0.125s;
	-webkit-transition: ease-in-out all 0.125s;
	transition: ease-in-out all 0.125s;
}
a#floating-content-close span{
	display: none;
}
a#floating-content-close b{
	font-size: 1.5em;
	position: relative;
	display: block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
		
	-ms-transition: ease-in-out all 0.125s;
	-webkit-transition: ease-in-out all 0.125s;
	transition: ease-in-out all 0.125s;
}
a#floating-content-close:hover{
	border-radius: 30px 30px 30px 0;
	top: -30px;
	right: -30px;
}
a#floating-content-close:hover b{
	text-shadow: 0 0 15px rgba(0,0,0,1);
}

/**
 * nanoScroller
 **/
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}