/* *************** style ogólne - dla wszystkich stron************************** */

html, body {
	background-color: transparent;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	}
body {font-size: small;}
* html body { font-size: x-small;  			  /* dla IE5/win  */
f\ont-size: small;  					  /* dla innych IE  */
	}  					  
body { behavior:url("../css/csshover.htc");}

body.home #baner, body.e_booki #baner {
	background-color: rgb(0,0,0);
	height: 1.5em;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0.3em;
	}

h6 {}

h5 {}

h4 {}

h3 {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	}

h1 {
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0.3em;
	}

a:link { color: rgb(0,120,255); text-decoration: none;}
a:visited { color: rgb(0,120,255); text-decoration: none;}
a:hover, a:active { color: rgb(0,120,255); text-decoration: underline;}

#calosc {
	background-color: transparent;
	width: 100%;
	border: 0;	
	}
#bread_crumbs {
	float: left;
	background-color: rgb(0,0,0);
	width: 100%;
	border: 0;
	}
#bread_crumbs_inner {
	background-color: rgb(0,0,0);
	width: 59.9%;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	}
#bread_crumbs_inner p {color: rgb(0,120,255);}
#data_aktualna {
	background-color: rgb(0,0,0);
	width: 40%;
	float: right;
	border: 0;
	margin: 0;
	padding: 0;
	}
#data_aktualna p {
	font-style: uppercase;
	color: rgb(0,120,255);
	text-align: right;
	margin-right: 4em;
	}
#data_aktualna span {
	letter-spacing: 1.5em;
	margin-left: 4em;
	color: rgb(0,120,255);
	}

#baner {
	clear: left;
	background-color: rgb(128,54,11); 
	width: 100%;
	height: 15px;
	border: 0;
	padding: 0;
	margin: 0;
	}
#baner p {display: none;}

#baner1 {
	visibility: visible;
	position: relative;
	margin-left: 1px;
	width: 350px;
	}

	
#nazwa_witryny {
	background: rgb(0,0,0) url(../css/grafika/gradient_nazwa.gif) repeat-x 0 80%;                       /* rgb(128,54,11); - brązowy */
	width: 100%;
	padding: 0;
	margin: 0;
	}
#nazwa_witryny h2 {
	color: rgb(231,231,231);
	padding: 50px 0 50px 60px;
	}

#tytul_strony {
	background-color: rgb(0,0,0);
	width: 100%;
	padding: 0;
	margin: 0;
	}
#tytul_strony h1 {color: rgb(231,231,231); margin-left: 22%; padding: 0.5em 0;}

#main {
	background-color: rgb(0,0,0);
	width: 100%;
	border: 0;
	padding: 0;
	}
#lewa_strona {
	background: rgb(0,0,0) url(../css/grafika/male.gif) no-repeat 50% 5%;
	width: 20%;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	}
#nav_lewa {
	background-color: rgb(0,0,0);
	width: 100%;
	border: 0;
	margin: 0;
	margin-top: 130px;
	margin-left: 0;
	padding: 0;
	}
#nav_lewa p {color: rgb(0,120,255);}

#nav_lewa ul {
	width: 100%;
	list-style: none;
	padding: 1em 0 0 0;
	margin: 1em 0 1.5em 0; /* dodane ze względu na IE */
	}

#nav_lewa ul li { 
	background-color: transparent;
	margin-top: 1.5em;
	}

#nav_lewa ul li p {
 	background: rgb(0,0,0) url(../css/grafika/gradient_menu.gif) repeat-x top left;   
	padding-left: 2em;
	line-height: 1em;
	}
#nav_lewa ul ul li p {background-image: none;}

#nav_lewa ul ul {
	background-color: transparent;
	background-image: none;	 
	width: 80%;
	list-style: none;
	padding: 0;
	margin: -0.5em 10% 0 0; /* dodane ze względu na IE */
	}

#nav_lewa ul ul li {
	background-color: transparent;
	text-align: right;
	width: 100%;
	margin-top: 0;
	padding: 1.5em 0 0 0; /* gdy wpisałem 	padding: 1.5em 0 30px 0; to w IE6 cała prawa strona poleciała w dół */
	}

#nav_lewa li.aktywne p a:link, 
#nav_lewa li.aktywne p a:visited, 
#nav_lewa li.aktywne p a:hover, 
#nav_lewa li.aktywne p a:active {
	background: transparent url(../css/grafika/podkreslenie-hover.gif) no-repeat bottom right;
	text-decoration: none; 
	color: rgb(0,255,255);
/*	border-bottom: 1px solid transparent; */  /* to dopisałem, aby w IE było podkreślenie na całej szerokości li i rysunek */
	}


 /* powyższe napisałem jeszcze raz niżej, aby w IE było podkreślenie aktywnej strony */

#nav_lewa li.aktywne p a:link, 
#nav_lewa li.aktywne p a:visited, 
#nav_lewa li.aktywne p a:hover, 
#nav_lewa li.aktywne p a:active {
	background: transparent url(../css/grafika/podkreslenie-hover.gif) no-repeat bottom right;
	text-decoration: none; 
	color: rgb(0,255,255);
/*	border-bottom: 1px solid transparent; */ 
	}




#nav_lewa li a {
	padding-right: 1.3em;
	display: block;  /* block pozwala traktować cały element "li" jako łącze, a nie tylko "text" */
	line-height: 1.4em;
	min-height: 22px;
	}
#nav_lewa>ul a {width: auto;}

#nav_lewa li a:link {	
	background: transparent url(../css/grafika/podkreslenie.gif) no-repeat bottom right; 
	text-decoration: none; 
	}
#nav_lewa li a:visited {
	background: transparent url(../css/grafika/podkreslenie.gif) no-repeat bottom right; 
	text-decoration: none;
	color: rgb(0,120,255);
	}
#nav_lewa li a:hover, #nav_lewa li a:active {
	background: transparent url(../css/grafika/podkreslenie-hover.gif) no-repeat bottom right;	
	text-decoration: none; 
	color: rgb(0,255,255);
	}


#prawa_strona {
	background-color: rgb(0,0,0);
	width: 79.7%;
	float: right;
	border: 0;
	margin: 0;
	padding: 0;
	}
#centrum {
	background-color: rgb(0,0,0);
	width: 75%;
 	float: left;  
	border: 0;
	margin: 0;
	padding: 0;
	}
	
a.kotwica {
	clear: both;
	width: 100%;
	margin-left: 50%;
	color: rgb(0,120,255);	
	}
	
a.kotwica:link,
a.kotwica:visited,
a.kotwica:hover,
a.kotwica:active {	
	color: rgb(0,120,255);
	}
	
#prawy_pas {
	background-color: rgb(0,0,0);
	width: 24%;
	clear: right; /* ze względu na IE6 */
 	float: right;  
	border: 0;
	margin: 0;
	padding: 0;
	}
#nav_prawa {
	background: rgb(0,0,0) url(../css/grafika/gradient_menu.gif) repeat-x top left;    
	width: 100%;
	border: 0;
	margin: 0;
	margin-top: 163px;
	padding: 0;
	}

#nav_prawa p {color: rgb(0,120,255);}



#nav_prawa ul {
	width: 100%;
	list-style: none;
	padding: 16px 0 0 0;
	margin: 1.5em 0 0 0; /* dodane ze względu na IE */
	}
#nav_prawa ul li p {padding-right: 2em;}
#nav_prawa ul li {padding: 1.5em 0 0 1.6em;}



#nav_prawa li.aktywne a:link,
#nav_prawa li.aktywne a:visited, 
#nav_prawa li.aktywne a:hover,
#nav_prawa li.aktywne a:active {
	background: transparent url(../css/grafika/podkreslenie-hover_p.gif) no-repeat bottom left;
	text-decoration: none; 
	color: rgb(0,255,255);
	}

#nav_prawa li.submenu p.aktywne a:link,
#nav_prawa li.submenu p.aktywne a:visited, 
#nav_prawa li.submenu p.aktywne a:hover,
#nav_prawa li.submenu p.aktywne a:active {
	background: transparent url(../css/grafika/podkreslenie-hover_p.gif) no-repeat bottom left;
	text-decoration: none; 
	color: rgb(0,255,255);
	}


#nav_prawa li a {
	padding-left: 1.3em;
	display: block;  /* block pozwala traktować cały element "li" jako łącze, a nie tylko "a" */
	line-height: 1.4em;
	min-height: 22px;
	}
#nav_prawa>ul a {width: auto;}

#nav_prawa li a:link {	
	background: transparent url(../css/grafika/podkreslenie_p.gif) no-repeat bottom left; 
	text-decoration: none; 
	}
#nav_prawa li a:visited {
	background: transparent url(../css/grafika/podkreslenie_p.gif) no-repeat bottom left; 
	text-decoration: none;
	color: rgb(0,120,255);
	}
#nav_prawa li a:hover, #nav_prawa li a:active {
	background: transparent url(../css/grafika/podkreslenie-hover_p.gif) no-repeat bottom left;	
	text-decoration: none; 
	color: rgb(0,255,255);
	}
#nav_prawa ul ul {                                                          
	position: relative;
	display: none;
	margin-top: 0;
	padding-top: 1em;
	}

#nav_prawa ul ul li {
	margin: -1.5em 0 0 0;
	height: 2.7em;
	}

#nav_prawa ul.level1 li.submenu:hover ul.level2 {
 	display: block; 
	width: 79%;
	margin-left: 2%;
	}

#bottom {
	background-color: rgb(0,0,0);
	width: 100%;
	clear: both;
/*	border-top: 1px dotted rgb(255,255,255); */
	margin: 0;
	padding: 0;
	}	
#stopka {
	background: rgb(0,0,0) url(../css/grafika/gradient_stopka.gif) repeat-x 0 -10%;   
	width: 100%;
	border: 0;
	margin: 0;
	padding: 3em 0 2em 0;
	}	
#stopka p {
	color: rgb(231,231,231);
	text-align: center;
	padding: 1em 0;
	}	

p.biale {
	color: rgb(231,231,231);
	text-align: center;
	padding: 1em 0;
	}	

p.biale a:link, p.biale a:visited {
	color: rgb(231,231,231);
	text-decoration: none;
	}	

p.biale a:hover, p.biale a:active {
	color: rgb(231,231,231);
	text-decoration: underline;
	}	

/* *************** style zajawka ************************** */

#centrum.index {background-color: #fff;}
#zajawka {padding: 2em;}
#zajawka h1 { 
	font-family: "Times New Roman", Times, serif;
	font-size: 300%;
	}
#zajawka h2 { 
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	}
#zajawka h2.dwa { margin-left: 6em;}
#zajawka h2.trzy { margin-left: 2em;}
#zajawka h2.cztery { margin-top: 1em; margin-left: 9em; font-size: 150%;}
#zajawka h2.piec { margin-top: 1em; margin-right: 3em; text-align: right;}
#zajawka h3 { 
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	font-style: italic;
	margin-top: 3em;
	}
#zajawka p { 
	font-family: "Times New Roman", Times, serif;
	font-size: 150%; 
	font-style: italic;
	text-indent: 0;
	text-align: justify;
	}
#zajawka p.linia1 {text-indent: 3em;}
#zajawka p:first-letter {font-size: 130%; font-weight: 900;}
#zajawka p.podpis {text-align: right; margin-top: 1em; margin-right: 3em;} 
#zajawka p.podpis span {font-size: 100%; font-weight: bold;} 
#zajawka p.ref {text-align: right; margin: -0.5em 3em 3em;}

/* *************** dla stron ze zdjęciami ************************** */

body.foty {background-color: #000; }

#calosc {
	background-color: rgb(0,0,0);
	}
	
#fotografia {
	background: #fff; /* url(../css/grafika/wstazka.jpg) no-repeat top right;  */
/*	float: left;					to gdy dodatkowo oceny */
	padding: 50px 40px 200px 60px;
	border: 1px solid #000;
	}
#fotografia p {
	color: #000;
	text-align: justify;
	}
#fotografia h1, #fotografia h2 {
	color: rgb(24,24,24);
	margin: 1em 0 0.5em 0;
	}
#fotografia h2.historie {color: rgb(0,0,255)}
p.link_do_historii {
	clear: both;
	float: right;
	width: 100px;
	margin-top: 100px;
	margin-right: 0;
	margin-bottom: 300px;
	padding: 5px;
	border: 1px solid rgb(0,120,255);
	text-align: left;
	}
/*
#fotografia a:link, #fotografia a:visited {text-decoration: none; color: rgb(0,0,255);}
#fotografia a:hover, #fotografia a:active {text-decoration: underline; color: rgb(0,0,255);}
*/

#fotografia ul {
	margin: 0;
	padding: 20px;
	width: 80px;
	background-color: #fff;
	}

#fotografia li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#fotografia li img {
	background: #fff;
	border: 1px solid #000;
	padding: 5px;
	}

#fotografia img {border: 0;}

#fotografia li:hover {background-color: #fff;}
#fotografia li.submenu {
	background: rgb(0,0,0);
	}

#fotografia li.submenu:hover {background-color: #fff;}

#fotografia ul ul{
	position: absolute;
	display: none;
	top: -175%;
	left: 160%;
	margin: 0;
	padding: 0;
	background: #fff;
	}

#fotografia ul ul li img {
	background: rgb(0,0,0);
	border: 1px solid rgb(255,255,255);
	padding: 25px;
	}

#fotografia ul.level1 li.submenu:hover ul.level2 {display: block;}

p.nieb {font-size: 120%; color: rgb(0,0,255);}

#gg p { color: #fff;}
p span.gg {color: rgb(255,0,0);}




/* ********* referencje ********** */


#fotografia.referencje {
	background: #fff url(../css/grafika/santa-na-strone.gif) no-repeat top right; 
	float: left;
	padding: 50px 40px 50px 10px;
	}
#fotografia.referencje p {
	text-indent: 1em;
	}
	
#fotografia.referencje dl {
	clear: both;
	margin-top: 70px;
	}
#fotografia.referencje dl.brak {display: none;}

#fotografia.referencje dd p.tytulik {
	color: rgb(35,35,35);
	font-family: 'Times New Roman', Georgia, Garamond, Bodoni, serif;
	font-weight: bold;
	font-style: italic;
	}

dt { 
 	clear: both;
	float: right;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	color: #000;
	margin: 1em 4em 2em 0;
	}
	
#fotografia.referencje ul.level1 {
	background: #fff;
	width: 80px;
	margin: 0;
	padding: 0;
	}

#fotografia.referencje li {
	position: relative;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#fotografia.referencje li.submenu p {
	background: #fff;
	}

#fotografia.referencje li img {
	float: left;
	background: #fff;
	border: 5px solid #000;
	padding: 0;
	margin: 20px 20px;
	}

#fotografia.referencje ul.level2{
	position: absolute;
	display: none;
	top: -300%;
	left: 160%;
	margin: 0;
	padding: 0;
	background: #fff;
	}
#fotografia.referencje ul.level2 p{
	background: #fff;
	}
#fotografia.referencje ul li{
	background: #fff;
	}
#fotografia.referencje ul.level2 li img {
	background: #fff;
	border: 5px solid #000;
	padding: 0;
	}	
	
h4.ref {
	clear: both;
	text-align: right;
	font-size: 150%;
	color: rgb(24,24,24);
	margin: 3em 3em 3em;
	}
	
h4.ref a {text-align: right; text-decoration: underline; margin: -0.5em 0 3em;}


#warto_wiedziec {
	clear: both;
	width: 90%;
	margin-top: 30px;
	margin-left: 5%;
	}

#warto_wiedziec h1 {text-align: center;}	
#warto_wiedziec h2 {
	margin: 20px 0;
	}	
#warto_wiedziec p {margin: 5px 0;}
	
#fotografia.referencje #warto_wiedziec h2 {
	color: #000;
	font-size: 150%;
	font-family: 'Times New Roman', Georgia, Garamond, Bodoni, serif ;
	font-style: italic;
	margin: 0;
	padding: 2em 0 0.5em 0;
	}

#fotografia.referencje #warto_wiedziec p {color: rgb(24,24,24);}

#fotografia.referencje #warto_wiedziec p.pochyle_grube {
	color: rgb(35,35,35);
	font-family: 'Times New Roman', Georgia, Garamond, Bodoni, serif;
	font-weight: bold;
	font-style: italic;
	}

#fotografia.referencje #warto_wiedziec ul { 	font-family: Arial, Helvetica, sans-serif;
	color: rgb(24,24,24);
	width: 100%;
	}
	
#fotografia.referencje #warto_wiedziec ul li {	
	color: rgb(24,24,24);
	width: 100%;
	padding: 0;
	margin-top: 20px;
	list-style-type: decimal;
	}
#warto_wiedziec ul li b {	
	}	

#ang {
	background: transparent url(../css/grafika/anglia.jpg) no-repeat top left; 
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 35px;
	}	
	
#ang h3.faq, #ang p, #ang_col {
	color: rgb(100,100,100);
	}

#ang h3.faq {
	padding-top: 10px;
	border-top: 1px dotted rgb(55,55,55);
	}
	
h3.faq {	
	font-weight: bold;
	text-indent: 3em;
	margin: 1.5em 0 1em 1em;
	}
	
	
/* **************** dla "cennik" ************************* */

#fotografia.cennik {
	}
	
#fotografia.cennik h1{
	text-align: center;
	}	

#fotografia.cennik h2{
	font-family:  'Times New Roman', Georgia, Garamond, Bodoni, serif;
	font-size: 180%;
	color: #0078ff;
	border: 1px dotted #0078ff;
	border-width: 1px 0 0 0;
	margin: 20px 0;
	}	

h2.brylant, h2.zloto, h2.srebro, h2.braz, h2.ekonomia, h2.minimal, h2.inne {
	height: 105px;
	padding-left: 160px;
	}

h2.brylant {background: url(../css/grafika/brylant.jpg) no-repeat top left; }
h2.zloto {background: url(../css/grafika/zloto.jpg) no-repeat top left; }
h2.srebro {background: url(../css/grafika/srebro.jpg) no-repeat top left; }
h2.braz {background: url(../css/grafika/braz.jpg) no-repeat top left; }
h2.ekonomia {background: url(../css/grafika/ekonomia.jpg) no-repeat top left; }
h2.minimal {background: url(../css/grafika/minimal.jpg) no-repeat top left; }
h2.inne {background: url(../css/grafika/inne.jpg) no-repeat top left; }

	
#fotografia.cennik p {
	text-indent: 1em;
	line-height: 110%;
	}

#fotografia.cennik p a{
	font-size: 80%;
	}

#fotografia.cennik p a.norma{
	font-size: 100%;
	}
	
#fotografia.cennik p.strong {
	text-align: right;
	font-weight: bold;
	margin: 40px 50px 40px 0;
	}
	
#fotografia.cennik ul {
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#fotografia.cennik li {
	background: #fff;
	font-family:  Arial, Helvetica, sans-serif;
	list-style-type: circle;
	margin: 5px 0 0 50px;
	padding: 0;
	}


/* *************** dla "imiona" ************************** */


body#imiona {background-color: rgb(0,0,0);}

#imiona p {
	color: rgb(231,231,231);
	text-align: justify;
	}
#imiona h2 {
	color: rgb(231,231,231);
	margin: 1em 0 0.5em 2em;
	text-align: justify;	
	}
#imiona form {margin-left: 50px;}

#gg p {color: #000;}

/* *************** dla IE ************************** */


#misie a {color: rgb(0,255,255);}