@charset "UTF-8";
/*****************************************************************************************/
/* Informacje o designie:
	Architektura:
			x panel_logo (logiczny pojemnik na logo)
			x panel_cytat (logiczny pojemnik na cytat)
			x panel_menu (logiczny pojemnik na menu)
				> menu (mieści w sobie jedno menu, np. menu artykułów)
					- tresc_menu (mieści w sobie pozycje menu (np. liste odnosnikow) ))
			x panel_tresc (logiczny pojemnik na tresc)
				> naglowek
				> tresc (zawiera aktualnie wyświetlany dokument (tekst) )
				> stopka
			x panel_boczny
			   > nowosci
*/
/*****************************************************************************************/





  /********************************************/
 /*    STYLE DLA MONITORĂ“W I WYĹšWIETLACZY    */
/********************************************/

@media screen
{

/* Styl dla elementów układu strony (webmasterskich) */

	.dexter
	{
		display: block;
		position: fixed;
		width: 13%;
		height: 25%;
		bottom: 2%;
		right: 2%;
		z-index: 0;
	}
	
	.ziemia
	{
	  display: block;
	  position: fixed;
     filter: alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45;
	  top: 165px;
	  left: 0px;
	  z-index: 2;		
	}
	
	.AdSense-Po_prawej
	{
     z-index: 1;
	  right: 1.5%;
     top: 170px;
	  width: 250px;
	  height: 260px;
	  overflow: hidden;	
	  position: fixed;
	}
	
	.AdSense-Artykul
	{
	  padding-right: 1em;
	  float: left;
	  width: 160px;
	  height: 600px;
	  overflow: hidden;	
	}
	
	
	.ajax
	{
	   position: absolute;
		right: 0px;
		top: 0px;
		float: right;
      z-index: -1;
	}
	
   .strona
	{
		display: block;
		position: static;
		width: 100%;
		height: 100%;
		margin: auto auto;
		text-align: left;
		z-index: 0;
	}
	
		.panel_logo
		{
			display: block;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 110px;
			background-color: black;
         z-index: 3;
		}
		.panel_logo a:link
		{
		  color: rgb(100,100,200);
			text-decoration: none;
	  }
		.panel_logo a:hover
		{
		  color: rgb(255,0,0);
		  text-decoration: underline !important;
    }
		.panel_logo a:visited
		{
        color: rgb(0,100,150);
		  text-decoration: none;
		}

		.img_logo
		{
		  width: 100%;
		  height: 100%;
		}
		
		.przycisk_ustawienia
		{
		  display: block;
			position: absolute;
			margin: 2px;
			padding: 0px;
			width: 65px;
			height: 8pt;
			bottom: 0px;
			right: 3px;
			font-size: 8pt;
			color: navy;
         z-index: 4;
		}
		
		.wyszukaj
		{
    	  width: 160px;
		  height: 20px;
		  position:fixed;
		  right:2%;
		  top:150px;
		  background-repeat: no-repeat;
		  background-position: 0px 0px;	
		  padding: 0px;
		  z-index: 3;
		}
			
		.wyszukaj:hover
		{
		  background-position: 0px 40px !important;
		}
		.wyszukaj:active
		{
		  background-position: 0px 20px !important;
		}	
				
		.panel_cytat
		{
			display: block;
			position: fixed;
			top: 150px;
 			height: 16px;
			width: 100%;
			font-size: 13px;
			text-align: center;
			background-color: black;
			color: #006200;
			z-index: 3;
		}
		.panel_cytat a:link, .panel_cytat a:visited
		{
		  color: #006200;
		}
		
		.sciezka_nawigacyjna
		{
			display: block;
			position: fixed;
			top: 166px;
			left: 5%;
			height: 16px;
			width: 70%;
			font-size: 8pt;
			font-weight: bold;
			color: ;
			background-color: ;
			z-index: 3;
		}
		
		.panel_menu
		{
			display: block;
			position: fixed;
			top: 110px;
			width: 100%;
			height: 40px;
			background-color: ;
			background: url(przycisk_tlo.png);
			z-index: 4;
		}

		   .tekstowe_menu
			{
	   		display: none;
      		visibility: hidden;
			}
			
			.menu 
			{
				width: 150px;
				height: 40px;
				display: inline-block;
				position: relative;
				color: ;
				background-repeat: no-repeat;
				background-position: 0px 0px;	
				padding: 0px;
				float: left;
				z-index: 4;
			}
			
			.menu:hover
			{
				background-position: 0px 80px !important;
			}
			.menu:active
			{  
				background-position: 0px 40px !important;
			}			
			
			
	
				.lista_menu
				{
					display: none;
					position: fixed;
					background-color: #333333;
					border-style: solid;
					border-color: #DF8C04;
					border-width: 2px;
					border-top-style: none;
               filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
					margin: 0px;
					padding: 0px;
					padding-top: 1%;
					padding-bottom: 1%;
					width: 250px;
					overflow: hidden;
					text-align: left;
					z-index: 4;
				}
				.lista_menu ul
				{
					list-style-image: url(punkt.gif);
					list-style-position: inside;
					line-height: 100%;
					font-size: 8pt;
					margin: 0;		
					padding-top: 0px;
					padding-bottom: 0px;
					padding-left: 0px;
					padding-right: 0px;					
					marker-offset: 2px;
					margin: 2px;
					text-align: left;
				}
	  			/* Fajne podświetlanie łączy menu, ale Internet Explorer się na tym sypie niestety */
				.lista_menu ul li:hover
				{
					background-color: #D5DDE1;
				}
				

		
		.panel_tresc
		{
			display: block;
			position: relative;
			width: 70%;
			top: 183px;
			left: 5%;
    		color: ;
   		background-color: ;
			z-index: 1;
			overflow: hidden; /* jest odpowiedzialne za ukrywanie (obcinanie) tych części elementów (np. zdjęć, które nie mieszczą się w pojemniku */
		}
			
			.naglowek
			{
				display: block;
				font-size: 15pt;
				font-weight: bold;
				color: ;
				background-color: ;
				margin: 3%;
				padding-bottom: 1pt;
			}
			
			.tresc
			{
				display: block;
				padding: 3%;
   		  	font-size: 10pt;
				font-family: inherit;
	   	  	line-height: 140%;
				text-align: justify;
			}
			
			.tresc p:first-letter
			{
			  
			  font-size: 25pt;
			  font-weight: bold;
			  color: #F63;/*rgb(218,135,22);*/
			  float: left;
			  padding-top: 5pt;
			  padding-bottom: 5pt;
			  padding-right: 5pt;
			}
			
			.tresc a
    		{
				border-bottom: dashed;
				border-width: 1px;
 			}

			.tresc a:hover
			{
				color:  !important;
			   background-color: ;
			}
			
			.tresc a:hover:after
  	   	{
   		   content: url(goto.png);
 			}
			
         .tresc img
	      {
   	     display: block;
           margin: auto;
	      }
		
			.stopka
			{
		   	display: block;
	  	   	color: ;
				background-color:  !important;
				margin-top: 20pt;
				text-align: right;
				padding: 1%;	
			}

  .przycisk_rollover
  {
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
	 cursor: pointer;
  }
			
  .przycisk_rollover:active
  {
    background-position: 0px 54px !important;    
	 cursor: pointer;
  }

  .naglowek_komentarza
  {
    background-color: #555555;
	  font-weight: bold;
  }
	
  .wazne	
  {
	  background-color: #FFFAF0;	
	  color: red;
	  padding: 10pt;
	  padding-left: 60px;
	  background: transparent url(uwaga.png);
	  background-repeat: no-repeat;
	  margin: 35pt auto;
	}

	.zrodlo /* Dotyczy źródeł z których korzystał‚ autor przy pisaniu artykułu */
	{
	  font-size: 8pt;
	  background-color: #660044;
	  color: white;
	  margin: auto;
	  padding: 5pt;
	}
		
  .obraz_lewo
  {
	  float: left;
	  padding: 5pt;	
  }			

  .obraz_prawo
  {
	  float: right;
	  padding: 5pt;	
  }

	

/* Styl dla elementów standardowych */
	
	code
	{
		display: block;
		white-space: pre !important;
		margin: auto;
		font-family: "Courier New", monospace;
		color: lime;
		background-color: black;
	   overflow: auto;
		outline-color: black;
		outline-style: dotted;
		outline-width: 1px;
		padding-top: 15pt;
		padding-bottom: 25pt;
		padding-left: 5pt;
		margin-top: 20pt;
		margin-bottom: 20pt;
	}

	blockquote
	{
	  color: #6699FF;
	  font-style: oblique;
	  background-color: #FFFAF0;		
	  padding: 10pt;
	  padding-left: 75px;
	  background: url(quote.png);
	  background-repeat: no-repeat;
	  margin: 35pt auto;
	}
	
	ol li
	{
		padding-top: 10pt;
	}
	
	ul
	{
		list-style-image: url(punkt.gif);
		list-style-type:square;
		list-style-position: outside;
		margin-left: 0%;
	}
	
	h1
	{
		display: block;
		font-size: 15pt;
		font-weight: bold;
		margin-bottom: 20pt;
		padding-bottom: 2pt;
		border-bottom-style: dashed;
		border-bottom-color: #DBDFE1;
	}
	
	h3
	{
		display: block;
		font-size: 12pt;
		text-decoration: underline;
	}
	
	h4
	{
	  text-decoration: underline;
	}
		
	acronym
	{
	  cursor: help;
	}

	iframe
	{
	  border-width:0px;
	  border-style:none;	
	}
	
	table
	{
		width: 85%;
		margin: auto;
		margin-top: 20pt;
		margin-bottom: 20pt;
		padding: 5pt;
		border-style: dashed;
		border-width: 1px;
		border-color: black;
		border-collapse: separate;
		border-spacing: 0;
		font-family: Verdana;
		font-size: 10pt;
		text-align: center;
		background-color: #333333;
	}
	
	table:hover
	{
	  background-color: #555555;
	}
	
	table:hover .naglowek_komentarza
  {
     background-color: #AAAAAA;
	  font-weight: bold;
  }
		
	table caption
	{
		color: black;
		font-weight: bold;
		background-color: #D2DBDF;
		border-style: dashed;
		border-width: 1px;
		border-color: black;
	}
	table caption:before
	{
	  content:".:";
	}
	table caption:after
	{
	  content:":.";
	}

	table th
	{
	   background-color: #AAAAAA;
		color: black;
		border-style: dashed;
		border-width: 1px;
		border-color: black;
	}	
	
	table td
	{
	   border-style: dashed;
		border-width: 1px;
		border-color: black;
		padding: 5pt;
		text-align: left;
	}
	
	object
	{
		text-align: center;
		z-index: 0;
	}

  body
	{
		font-family: Verdana, Tahoma, sans-serif;
		margin: 0px;
		padding: 0px;
		height: 100%;
		text-align: left;
		overflow-y: auto;
		scrollbar-face-color: #402200;
		scrollbar-shadow-color: #111111;
		scrollbar-highlight-color: #EF9D15;
		scrollbar-3dlight-color: #CC9900;
		scrollbar-darkshadow-color: #CC6600;
		scrollbar-track-color: #301200;
		scrollbar-arrow-color: #DF8C04; 
	}
	
	html
	{
	  background-color: black;
	  background-attachment: fixed;
	}
	
	a,
		a:link {  color: #DF8C04; text-decoration: none;}
		a:hover {  color: red !important; text-decoration: none;}
		a:visited {  color: #DADADA; text-decoration: none;}
		a:active {  color: red; text-decoration: none;}
}