/* mojSTYL.css 




*/

/* kolory:
 * 
 *  kolor 1 - fiolet -  RGB (149,81,106) 					;
 *  kolor 2 - fiolet roz rgb (208, 119, 104 ) 				;
 *  kolor 3 - lisc zdechly pomarancz rgb (234, 172, 95) 	;
 *  kolor 4 - lisc jasny zolty rgb (243, 206, 101) 			;
 *  kolor 5 - niebiesko zielony, nijaki bzdet rgb (138,170,140)
 * 
 *  zielony kolor, rgb(40 118 122)
 * 
 * */
body{
	
  
  
  /* leciutki beż, ze wspolcz alpha
   * 
   * normalnie lekko zielony zolty
   * 
   * */
   
	background-color: rgba(235, 234, 134, 0.3) ;
  
  
  /* lower, the new changes to layout */
	margin			: 0 auto	;
	
	width			: 960px		;
  /* upper, the new changes to layout */ 
  
}

html{



}

div#calosc {

	width	: 	960px	;
	height	: 	1280px	;	
	
}
	
/* baner regresing.net,text  wyglad*/
/* regresing _span_ id dot KROPKA _span_ net */
#baner {
	
		
}

div#baner {
	display			: block			;
	margin-left		: auto			;
	margin-right	: auto			;
	width			: 960px			;
	
	/*background		: antiquewhite	;	*/
	
	background-image: url('../images/flower-pic.jpg');
	width			: 960px			;
	height			: 290px			;

	margin-bottom	: 20px			;
}

div#baner img {
	
	border			: 1px solid blue ;
	display			: none 			;
}

div#baner h1{


		font-size				: 25px			;

		position				: absolute		;
		left					: 925px			;
		top						: 130px			;
		
		opacity					: 0.5			;
		
		color					:	white		;
		text-shadow				: 2px 2px grey	;
		
		
		
		letter-spacing			: 3px			;
		text-shadow				: 2px -1px 5px black;
		font-family				: georgia		;
		font-style				: italic		;
		font-size				: 22px			;
		
		position				: absolute		;
		left					: 20px			;
		
		/* NEW changes LAYOUT baner */
		position				: static	;
		
		position				: relative	;
		top						: 230px		;
		left					: 30px		;
		text-shadow				: 3px 4px 7px #060606;
		
		
		/* upper NEW changes banner LAYOUT */
		
		
		
		
		
			
}




div#nawigacja {
   
		/*background-color: #FFCD46;*/
		
		border				: 1px solid orange			;
		border-radius		: 15px 15px 15px 15px		;
		
		line-height			: 150%						;
		
		margin-left			: 25px						;
		
		padding-bottom		: 0							;
		padding-top			: 25px						;
		
		width				: 180px						;	
		
		position			: absolute					;	
		
		left				: 160px						;
		
		/*  zmiany lublin */
		background-color	: beige;
		box-shadow			: 3px 3px 18px rgba(82, 82, 82, 0.59);
		
		
		
		/* lower LAYOUT baner changes*/
		position			: relative		;
		left				: 140px			;
		position			: static		;
		margin-left			: 0px			;
		/* upper LAYOUT baner changes */
		
		
		
}


div#nawigacja ul li {
		list-style-type		: none					;
		
		margin-left		: 0px					;
		margin-bottom		: 5px					;
		
		
		font-size		: 14px					;
		letter-spacing		: 0.1em					;
		
		height			: 26px					;
		padding-left		: 15px					;
		padding-top		: 6px					;
}


div#nawigacja ul li:hover{
		
		
		background-color		:   #FFE066				;
		font-size				:	110%				;
		
		
				animation			: myfirst 2s;
	-webkit-animation	: myfirst 2s; /* Safari and Chrome */
		
		
}



div#nawigacja ul li a{
		text-decoration		:	none				;
		/* color red-like */	
		color					:  rgb(205,35,35)		;
		/* ujdzie color, szary */
		color	: #5a4949;
		
}

div#nawigacja ul li a:hover{
		
		color					:  rgb(205,35,35)		;
	
	
}

div #tresc{

		width					: 795px			;
		width					: 775px			;

		min-height				: 350px			;
		
		position				: absolute		;
		
		left					: 440px			;
		top						: 272px			;
		

/*		background-color		: #EBFCFC;
 * 
 *  leciutko niebieski
 * */
		
		/* bezowy kolor, odcien ciemniejszy */
		background-color: rgba(235, 234, 134, 0.6);
		

		border-radius			: 5px 5px 5px 5px;
		border-right			: 1px solid #F2F2F2;
		
		/*border-top				: 1px solid #F2F2F2;
		 * */
		
		border-top				: 1px solid rgba(35, 13, 0, 0.3) 			;
		

		box-shadow				: 5px 5px 5px rgba(25,25,25,0.6);
		
		
		padding-left			: 20px								;
		padding-right			: 20px								;

		padding-top				: 20px								;
		padding-bottom			: 20px								;
		
		/* zmiany lublin  padding-left 39px- 3em, 3x13px*/
		padding-left			: 3em								;
		
		background-color		: beige                             ;
        border-left				: 1px solid rgba(255, 165, 0, 0.22) ;
		border-top				: 1px solid rgba(255, 165, 0, 0.5)  ;
		/* border-right: 2px solid orange; */
		
		
		border-radius			: 15px;
		
		
		
		/* lower NEW layout for banner changes NEW */
		top			: 302px;
		width		: 640px;
		position	: static;
		float		: left;
		position	: relative;
		top			: -300px;
		left		: 250px;
		width		: 645px;

		/* upper, NEW layout for banner changes NEW */
		
		
}

div#tresc p{
		/*font-family				: TimesNewRoman	;*/
		font-family				: Georgia, Times New Roman,serif;	
		font-size				: 16px			;
		line-height				: 200%			;
}

div#tresc ul{
		/*font-family				: TimesNewRoman	;*/
		font-size				: 16px			;
		line-height				: 170%			;
		
		font-family				: Georgia, Times New Roman,serif;
}


div#tresc ol {

		font-family                             : Georgia, Times New Roman,serif;
                font-size                               : 16px                  ;
                line-height                             : 200%  
}

div#tresc img{

	padding-left		: 45px;
}

@keyframes myfirst
{
	from {
	background:#FFE066	;
	}


to {background:yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from {
	background:#FFE066	;
	}

	to {
	background:yellow;
	}
}



.cytat { 
	letter-spacing	: 1px	 ;
    	font-style	: italic ;
        font-family	: serif	 ;
}

.info-italic {

	font-style	:italic	; 
	font-size	:14px	; 
	text-align	:justify; 
}
.h3-art {
	font-size	: 16px;
}

/* H3 srodtytul, kolor w tekscie, nieco inny */
.srodtytul {
  color: #4a4949;
}