/* 
 *	standard tags 
 */
ul, 
h1,
li	 				{	border: 0; 
						margin: 0; 
						padding: 0;}
a					{	outline: none;}
a img				{	border: 0;
						font-family: Arial;
						font-size: 0px;
						color: silver;
						text-decoration: none;}
img 				{	behavior: url(styles/iepngfix.htc); outline: none;}
h1,
h2,
h3					{	font-family: Tahoma;
						font-weight: bold;
						color: #993333;
						padding: 4px;}
h1 					{	font-size: 24px;
						position: relative;
						clear: both;}
h1 a				{	text-decoration: none;}						
h2 					{	font-size: 18px;
  						clear: both;}						
h3 					{	font-size: 14px;}
/*div					{	border: 1px solid silver;}*/
/*
 *	common elements
 */
.separator 			{	background-image: url(../images/separatorline.png);
						behavior: url(styles/iepngfix.htc);
						background-position: left top;
						background-repeat: no-repeat;
						width: 315px;
						height: 15px;}
.big 				{	font-size: 16px; font-weight: bold;}
.red 				{	color: #993333;}
.gray 				{	color : #f0e8e8;}
.white				{	color : #ffffff;}
.w400px				{	width: 400px;}
.w500px				{	width: 500px;}
.w300px				{	width: 300px;}
.center				{	text-align: center;}
.left				{	float: left;}
.right				{	float: right;}
 
/*
 * document layout
 */
body 				{	background-color: silver;
						margin: 0;
						padding: 0;
						text-align: center;}					
#main 				{	margin: 0 auto 0 auto;
						position: relative;
						width: 960px;
						background-image: url(../images/tbgk.jpg);
						background-position: left top;
						background-repeat: no-repeat;
						background-color: #FFFFFF;
						overflow: auto;
						text-align: left;}
#middle 			{	float: left;
						width: 960px;
						margin-top: 94px;
						margin-left: 0px;
						min-height: 566px;
						background-image: url(../images/mbgk.jpg);
						background-position: left bottom;
						background-repeat: no-repeat;}

#bottom 			{	float: left;
						width: 960px;
						height: 70px;
						background-image: url(../images/bbgk.jpg);
						background-position: left bottom;
						background-repeat: no-repeat;
						font-family: Arial;
						font-size: 10px;
						position: relative;
						color: #6d6d6d;}
 						
/*
 * index page layout
 */
#top_content 		{	float: left;
						margin-left: 50px;
						width: 630px;
						height: 221px;}						
#bottom_content 	{	float: left;
						width: 908px;
						height: 345px;
						margin-left: 26px;
						position: relative;}			
.gfxheader 			{	margin-top: 20px;}
.slogan 			{	margin: 30px 0 0 30px;}

/* 
 *	slideshow on index page
 */
#slideshowframe			 	{	position: absolute;
								bottom: 0px;
								left: 0px;
								width: 908px;
								height: 345px;
								background-image: url(../images/slideshowframe.jpg);
								background-position: left bottom;
								background-repeat: no-repeat;}			
#slideshow 					{	margin: 24px 0 0 24px;
								position: relative;}						
#slideshow img 				{	position: absolute;
								left: 0px;
								top: 0px;
								z-index: 8;}						
#slideshow img.active		{	z-index:10;}
#slideshow img.last-active	{	z-index:9;}

/* 
 *	nav panel (glowna, kontakt, mapa strony)
 */
ul#navpanel 						{	position: absolute;
										top: 42px;
										left: 75px;
										width: 323px;
										height: 35px;
										list-style: none;
										clear: both;}
ul#navpanel li 						{	float: left;
										display: block;
										height: 35px;}
ul#navpanel li a 					{	display: block;
										height: 35px;
										outline: none;}
ul#navpanel li a.nav_glowna 		{	width: 122px;
										background-image:url('../images/nav_glowna.jpg');
										background-position: left top;background-repeat:no-repeat;}
ul#navpanel li a.nav_glowna:hover	{	background-image:url('../images/nav_glowna.jpg');
										background-position: left bottom;background-repeat:no-repeat;}
ul#navpanel li a.nav_kontakt 		{	width: 91px;
										background-image:url('../images/nav_kontakt.jpg');
										background-position: left top;background-repeat:no-repeat;}
ul#navpanel li a.nav_kontakt:hover	{	background-image:url('../images/nav_kontakt.jpg');
										background-position: left bottom;background-repeat:no-repeat;}
ul#navpanel li a.nav_mapa			{	width: 110px;
										background-image:url('../images/nav_mapa.jpg');
										background-position: left top;background-repeat:no-repeat;}
ul#navpanel li a.nav_mapa:hover 	{	background-image:url('../images/nav_mapa.jpg');
										background-position: left bottom;background-repeat:no-repeat;}

/*
 *	menu panel
 */
ul#menupanel 								{	position: absolute;
												top: 126px;
												left: 726px;
												width: 111px;}
ul#menupanel li 							{	float: left;
												display: block;
												height: 16px;
												width: 111px;}
ul#menupanel li a 							{	display: block;
												height: 16px;
												outline: none;
												width: 111px;}
ul#menupanel li a.menu_galeria 				{	background-image:url('../images/menu_galeria.jpg');
												background-position: left top;
												background-repeat:no-repeat;
												height: 16px;}
ul#menupanel li a.menu_galeria:hover 		{	background-image:url('../images/menu_galeria.jpg');
												background-position: left bottom;background-repeat:no-repeat;
												height: 16px;}
ul#menupanel li a.menu_metamorfozy 			{	background-image:url('../images/menu_metamorfozy.jpg');
												background-position: left top;background-repeat:no-repeat;}
ul#menupanel li a.menu_metamorfozy:hover 	{	background-image:url('../images/menu_metamorfozy.jpg');
												background-position: left bottom;background-repeat:no-repeat;}
ul#menupanel li a.menu_omnie 				{	background-image:url('../images/menu_omnie.jpg');
												background-position: left top;background-repeat:no-repeat;}
ul#menupanel li a.menu_omnie:hover 			{	background-image:url('../images/menu_omnie.jpg');
												background-position: left bottom;background-repeat:no-repeat;}
ul#menupanel li a.menu_wspolpraca 			{	background-image:url('../images/menu_wspolpraca.jpg');
												background-position: left top;background-repeat:no-repeat;}
ul#menupanel li a.menu_wspolpraca:hover 	{	background-image:url('../images/menu_wspolpraca.jpg');
												background-position: left bottom;background-repeat:no-repeat;}
ul#menupanel li a.menu_studio 				{	background-image:url('../images/menu_studio.jpg');
												background-position: left top;background-repeat:no-repeat;}
ul#menupanel li a.menu_studio:hover 		{	background-image:url('../images/menu_studio.jpg');
												background-position: left bottom;background-repeat:no-repeat;}
ul#menupanel li a.menu_oferta 				{	background-image:url('../images/menu_oferta.jpg');
												background-position: left top;background-repeat:no-repeat;}
ul#menupanel li a.menu_oferta:hover			{	background-image:url('../images/menu_oferta.jpg');
												background-position: left bottom;background-repeat:no-repeat;}
ul#menupanel li a.menu_realizacje 			{	background-image:url('../images/menu_realizacje.jpg');
												background-position: left top;background-repeat:no-repeat;}
ul#menupanel li a.menu_realizacje:hover 	{	background-image:url('../images/menu_realizacje.jpg');
												background-position: left bottom;background-repeat:no-repeat;}
ul#menupanel li a.menu_ksiegagosci 			{	background-image:url('../images/menu_ksiegagosci.jpg');
												background-position: left top;background-repeat:no-repeat;}
ul#menupanel li a.menu_ksiegagosci:hover 	{	background-image:url('../images/menu_ksiegagosci.jpg');
												background-position: left bottom;background-repeat:no-repeat;}
												
/* 
 * backstage
 */
#backstage			{	position: absolute;
						top: 0px;
						right: 10px;}
			
/*
 * footer content
 */
#oxeegeen_b 		{	position: absolute;
						right: 40px;
 						top: 20px;}
#oxeegeen_b a 		{	text-decoration: none;}
#oxeegeen_b a:hover {	color: black;}
#tomaszstojek_b 	{	display: block;
						width: 400px;
						margin: 20px auto 0 auto;}
#mconsole_b 		{	position: absolute;
						left: 40px;
						top: 20px;
						width: 108px;
						height: 16px;
						z-index: 1;}

/* 
 * Cms content
 */
#cmscontentwrapper						{	width: 630px;
											margin: 20px 20px 0px 50px;
											padding-bottom: 50px;
											position: relative;}
#cmscontentwrapper p 					{	font-family: Tahoma;
											font-size: 13px;
											color: #6d6d6d;}
#cmscontentwrapper p.error 				{	font-size: 11px;
											color: red;}
#cmscontentwrapper img 					{	margin: 15px;
											behavior: url(styles/iepngfix.htc);}
#cmscontentwrapper table 				{	color: gray;
											font-family: arial;
											font-size: 11px;
											border-collapse: collapse;}
#cmscontentwrapper th, 
#cmscontentwrapper td 					{	border: 1px solid silver;
											padding: 5px;}
#cmscontentwrapper table.noborder td	{	border: 0px;}
#cmscontentwrapper th 					{	background-color: gray;
											color: black;}
#cmscontentwrapper ul 					{	font-family: Tahoma;
											font-size: 12px;
											color: #6d6d6d;
											text-align: left;
											margin: 0;
											margin-left: 30px;
											margin-bottom: 30px;}
#cmscontentwrapper ul li 				{	margin: 0;
											padding: 0;}
#cmscontentwrapper a 					{	color: #993333;
											font-weight: bold;}
#cmscontentwrapper a:hover 				{	color: #000000;
											font-weight: bold;}

/* 
 * forms 
 */
form 			{	font-family: Arial;
					font-size: 11px;
					color: #6d6d6d;
					margin-top: 30px;}
form div 		{	border: 0px none;
					padding: 0;
					float: left;
					clear: both;
					margin: 0 0 8px 0;
					width: 100%}
label 			{	display: block;
					width: 100px;
					float: left;
					text-align: right;
					padding-right: 15px;}
input, 
textarea 		{	display: block;
					float: left;
					font-size: 11px;
					border: 1px solid #999999;
					background-color: silver;;
					font-family: Arial;
					font-size: 11px;}
p.error 		{	display: block;
					text-align: left;
					float: left;
					margin: 0;
					margin-left: 10px;
					width: 100px;}
.token 			{	float: left;
					width: 80px;
					height: 30px;
					background-color: black;}
#submit			{	margin-bottom: 30px;}
					

/*
 * Contact data on contact page
 */
.cdata 			{	position: absolute;
					right: 50px;
					top: 450px;
					font-family: Tahoma;
					font-size: 11px;}
.cdata td		{	font-size: 11px;}
.cdata a		{	color: #993333;
					font-weight: bold;}
.cdata a:hover	{	color: #000000;}

/* ksiegagosci */
/* ksiega gosci */

.wpisy 			{	float: left;
					width: 500px;
					margin-bottom: 20px;}
.wpis 			{	width: 500px;
					color: gray;
					font-family: arial;
					font-size: 11px;
					margin: 10px 0 10px 0;
					float: left;
					clear: both;
					padding-left: 5px;
					border-left: 5px solid silver;}
.datawpisu 		{	float: left;}
.nick 			{	float: right;}
.miasto 		{	float: left;
					clear: both;}
.strona 		{	float: left;
					clear: both;}
.strona a 		{	color: #CC3333;
					text-decoration: none;}
.strona a:hover {	color: gray;}
.tresc 			{	float: left; 
					clear: both;
					margin-top: 10px;
					padding: 5px;
					text-align: justify;}
#dodajwpis		{	position: absolute;
					top: 275px;
					left: 722px;}

/* galeria wejście */
ul#galery 	 						{	position: absolute;
										top: 75px;
										left: -25px;
										width: 632px;
										height: 418px;
										list-style: none;
										z-index: 1000;}
ul#galery li 						{	float: left;
										display: block;
										height: 418px;}
ul#galery li a 						{	display: block;
										height: 418px;
										outline: none;}
ul#galery li a.g_ceremonia			{	width: 84px;
										background-image:url('../images/g_ceremonia.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}
ul#galery li a.g_wesele				{	width: 77px;
										background-image:url('../images/g_wesele.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}	
ul#galery li a.g_plener				{	width: 77px;
										background-image:url('../images/g_plener.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}
ul#galery li a.g_przygotowania		{	width: 77px;
										background-image:url('../images/g_przygotowania.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}
ul#galery li a.g_rodzinne			{	width: 77px;
										background-image:url('../images/g_rodzinne.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}
ul#galery li a.g_beauty				{	width: 77px;
										background-image:url('../images/g_beauty.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}
ul#galery li a.g_fashion			{	width: 77px;
										background-image:url('../images/g_fashion.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}
ul#galery li a.g_backstage			{	width: 86px;
										background-image:url('../images/g_backstage.jpg');
										background-position: left top; 
										background-repeat:no-repeat;}

/* metamorfozy galeria */
#metagal							{	position: absolute;
										bottom: 100px;
										right: 80px;
										width: 381px;
										height: 367px;
										background-image:url('../images/metagal.jpg');
										background-position: left top; 
										background-repeat:no-repeat;
										/*z-index: 1000;*/}
#metagalwrapper						{	margin: 15px 0px 0px 30px;
										width: 381px;
										display: block;
										list-style: none;}
#metagal a							{	display: block;
										float: left;
										width: 100px;
										height: 100px;
										border: 1px solid #e5e5e5;
										margin-right: 16px;
										margin-bottom: 14px;}
#metapaginator						{	position: absolute;
										width: 50px;
										top: 275px;
										left: 885px;}
/* galery */
#photogalery						{	position: absolute;
										left: 140px;
										top: 200px;
										width: 552px;}
.photogaleryimage					{	float: left;
										width: 138px;
										height: 138px;		
										background-image: url(../images/galerythumbshadow.png);
										behavior: url(public/styles/iepngfix.htc);
										background-position: left top;
										background-repeat: no-repeat;}
.photogaleryimage a					{	display: block;
										width: 120px;
										height: 120px;
										margin-top: 14px;
										margin-left: 14px;}
#photocategory						{	position: absolute;
										left: 50px;
										top: 202px;
										border: 5px solid white;}
#galerypaginator					{	position: absolute;
										width: 80px;
										top: 320px;
										left: 755px;}
										
/* paginator controll */
.paginationControl					{}
.paginationControl a,
.paginationControl span				{	display: block;
										width: 30px;
										height: 30px;
										float: left;
										background-image:url('../images/paginator.gif');
										background-position: left top; 
										background-repeat:no-repeat;
										font-family: Tahoma;
										font-size: 17px;
										font-weight: bold;
										color: #993333;
										line-height: 28px;
										text-align: center;
										margin-right: 4px;
										text-decoration: none;}
.paginationControl span.active		{	background-image:url('../images/paginator_active.gif');}
.paginationControl a:hover			{	color: black; }
.paginationControl span				{	color: silver; }