  
  * {
	 
	 padding: 						0;
	 margin: 						0;
  }
  
  body {
  
	 background:					url("../img/tlo_body.jpg");
	 background-attachment: 	fixed;

	 font-size: 					14px;
	 font-family: 					Tahoma, Verdana, sans-serif;
	 color: 							#0f0f0f;
  }

  h1, h2, h3, h4, h5, h6 {

	 font-family:					'Trebuchet MS';
  }

  h1 {

	 text-transform:				uppercase;
	 font-size:						24px;
  }

  p {

	 text-align:					justify;
	 line-height:					1.2;
  }

  img {

	 border:							1px solid #0f0f0f;
  }

  a {

	 text-decoration:				none;
	 color:							#0f0f0f;
  }

  a:hover {

	 text-decoration:				none;
	 color:							#f0f0f0;
  }

  a:hover img {

	 border:							1px solid #f0f0f0;
  }

  div#kin * {

	 border: 						none;
  }

/* ================================================================= WRAPPER */

  div#wrapper {

	 width: 							978px;
	 margin: 						6px auto;
	 b/order: 						1px solid #f0f0f0;
	 b/order-bottom:				none;
	 b/order-top:					none;

	 background-color:			#f08415;	 
  }

/* ================================================================ NAGŁÓWEK */

  div#naglowek {

	 position:	 					relative;

	 height: 						380px;  
	 b/order-bottom:				1px solid #f0f0f0;
	 background-image: 			url("../img/naglowek_01.jpg");

	 color:							#f3b93b;
  }

  div#naglowek h1 {

	 position:						absolute;
	 bottom:							12px;
	 right:							12px;

	 font-size:						12px;
  }

  /*div#naglowek h2 {

	 position:						absolute;
	 bottom:							12px;
	 right:							12px;

	 font-size:						10px;
	 text-decoration:				none;
  }*/

/* ============================================================= MENU_POZIOME */

	div#menu_poziome ul {
		
		border:						1px solid #f0f0f0;
		border-top:					none;

		background-image:			url('../img/tlo_czerwone.png');

		text-align:					center;
		font-family:				'Trebuchet MS';
		font-size:					11px;
		letter-spacing:			0.5px;
	}

	div#menu_poziome li {
			
		display:						inline;	
		  
		padding:						2px;

		color:						#f0f0f0;
		text-decoration: 			none;  
		font-weight: 				bold;
		line-height: 				2.2;
	}

	div#menu_poziome a {
			
		color:						#f0f0f0;
		text-decoration:			none;
	}

	div#menu_poziome a:hover {
			
		text-decoration:			underline;
	}

/* ================================================================ ZAWARTOŚĆ */

  div#zawartosc {
		
	 padding:						20px 10px;	

  }

  div#zawartosc h2.home {

	 margin:							20px 0;
	 border:							1px solid #f0f0f0;
	 padding-left:					12px;

	 background-image:			url('../img/tlo_czerwone.png');
	 
	 font-family:					'Trebuchet MS';
	 font-size:						24px;
	 font-variant: 				small-caps;
	 color:							#f0f0f0;	
  }

  div#zawartosc ul {

	 list-style:					square;
	 list-style-position:		inside;
  }

  div#zawartosc ul li {

	 line-height:					1.3;
  }


  div#zawartosc div#home_navi {

	 position: 						relative;
	 margin: 						20px;
	 height:							300px;
	 
  }

  div#zawartosc div#home_navi a div.dzinx {
	 

	 position:						absolute;
	 display: 						inline;
	 text-decoration:				none;
	 margin-right:					2px;  

	 width: 							300px;	
	 height: 						130px;

  }	

  div#zawartosc div#home_navi a div.dzinx span {

	 position: 						relative;
	 display: 						inline-block;

	 width: 							300px;	
	 height: 							130px;

	 border: 							1px solid #171717;
  }

  div#zawartosc div#home_navi a div.dzinx span:hover {

	 border:							1px solid #f0f0f0;
  }

  div#zawartosc div#home_navi a div.dzinx span.transparent {	
	 
	 position: 						absolute;
	 right: 							0px;
	 bottom: 							0px;
	 d/isplay:						block;

	 width: 							294px;
	 height: 							24px;

	 border: 							none;
	 padding: 						3px;

	 background-repeat: 			repeat;
	 background-image: 			url("../img/tlo_przezroczyste.png");
	 
	 font-family:					'Trebuchet MS';
	 font-size:						18px;
	 text-align:						right;
	 color: 							#f0f0f0;
  }


  div#zawartosc div#najblizsze_wycieczki {
	 
	 float:							right;
	
	 width:							312px;
	 height:							265px;

	 margin-right:					16px;				
  }

  div#zawartosc div#najblizsze_wycieczki ul {

	 margin-top:					6px;

	 list-style:					none;
	 font-size:						12px;
  }

  div#zawartosc div#najblizsze_wycieczki ul li {

	 padding:						0 2px;

	 background-color:			#f4ac39;
	 
	 line-height:					1.8;			
  }

  div#zawartosc div#najblizsze_wycieczki ul li:hover {

	 p/adding-bottom:				-2px;
	 b/order-bottom:				1px solid #0f0f0f;		
  }


  div#zawartosc ul.lista_krajow {

	 margin-top:					10px;

	 text-align: 					center;
	 font-size:						11px;
  }

  div#zawartosc ul.lista_krajow li {

	 display:						inline;
	 padding-right:				3px;
	 font-weight:					bold;
  }

  div#zawartosc ul.lista_krajow li:hover {

	 t/ext-decoration:				underline;
  }


  div#zawartosc div#aktualnosci {

	 margin-top:					0px;
	 padding:							0 0px;
	 height:							260px;
	 
	 text-align:					center;	
  }

  div#zawartosc div#aktualnosci .news {

	 float:							left;
	 d/isplay:						inline-block;
	 position:						relative;	
	
	 width:							220px;	
	 height:						291px;
	 margin:							0px 24px;

	 font-size:						14px;
  }

  div#zawartosc div#aktualnosci div.news a div.dzinx {
	

	 display:						block;
	 position:						relative;
	 
	 width:							200px;
	 height:							130px;

	 border:							1px solid #0f0f0f;
  }

  div#zawartosc div#aktualnosci div.news a div.dzinx span {
	
	 position:						absolute;
	 left: 							0px;
	 bottom: 						0px;

	 padding-left:					4px;
	 border:							none;

	 width:							196px;
	 height:							26px; 
	 background-image: 			url("../img/tlo_przezroczyste.png");

	 line-height:					1.6;
	 text-align:					left;
	 color: 							#fff;
  }

  div#zawartosc div#aktualnosci div.news a div.dzinx:hover {
	
	 border:							1px solid #f0f0f0;
  }

  div#zawartosc div#aktualnosci .news p {

	 margin-top:					8px;	
	 text-align:					left;
	 font-size:						13px;
	 line-height:					1.1;
  }

  div#zawartosc div#aktualnosci .news p a {

	 color:							#a93000;					
  }

  div#zawartosc div#aktualnosci .news p a:hover {

	 color:							white;					
  }

    /* =========================================================== FLAGI */

  div#flagi {

	 float: 							left; 
	 width: 							240px;
	 clear: 							left;
  }

  div#flagi a div.flaga { 

	 position: 						relative;	 

	 margin-bottom:				2px;
	 border:							1px solid #0f0f0f;

	 width:							240px;
	 height:							106px;
	 float:							left;	
  }
	
  div#flagi a div.flaga span {

	 position: 						absolute;
	 display:						inline-block;
	 visibility:					hidden;

	 right: 							0;
	 bottom:							0;
	 height: 						28px;
	 width:							240px;

	 background-image: 			url("../img/tlo_przezroczyste.png");

	 font-family:					'Trebuchet MS';
	 font-size:						20px;
	 font-weight:					bold;
	 text-align:					center;			
	 color:							#f0f0f0;
  }

  div#flagi a:hover div.flaga span {

	 visibility:					visible;
  }

  /* ====================================================== ZWIEDZANIE */

  div#zawartosc div#zwiedzanie {

	 min-height:					300px;
	 margin-left:					260px;
	 padding-right:				20px;				
  }


  div#ciekawostki {

		margin-left:					260px;
  }

	div#ciekawostki div {
	
		margin-bottom:				20px;
		padding:							10px;
  }

	div#ciekawostki div p {
	
		margin-bottom:				10px;
  }

	div#ciekawostki div iframe {
	
		border:								1px solid black;
  }

	div.zdjecia {
		margin:								10px 0px;
		text-align:     			left;
	}
 
	div.zdjecia span.zdjecie {
		position:    					relative;
		display:     					inline-block;
		margin:								10px 10px;
 	}
 
  div.zdjecia span.zdjecie span.opis {
 
  position:     					absolute;
  top: 		      					10px;
  right:       						10px;
  z-index:      					10;
 
  padding:     				 		6px;
  border:       					1px solid #171717;
  background-image:   		url("../img/tlo_przezroczyste.png");
 
	font-size:							15px;
  font-weight:    				bold;
	text-align:     				center;
	color:									#f0f0f0;
 }

  /* ================================================ TABELA WYCIECZKI */

  table.wycieczki { 

	 width:							674px;

	 margin-bottom:				10px;
	 border:							1px solid black;
  }


  table.wycieczki thead tr { 

	 font-family:					'Trebuchet MS';
	 font-size:						20px;
  }

  table.wycieczki tr { 
 
	 font-size:						13px;
  }

  table.wycieczki tr td a:hover { 

	 color:							#0f0f0f;
  }

  table.wycieczki tr td.wycieczka_tytul a { 

	 display:						block;

	 width:							400px;	
	 padding:						8px 6px;
  }

  table.wycieczki tr td.last_minute a {

	 display:						block;
	
	 width:							110px;
	 font-size:						14px;
	 font-weight:					bold;
  }

  table.wycieczki tr td.ilosc_dni a { 

	 display:						block;
	
	 width:							50px;
	 font-size:						15px;
  }

  table.wycieczki tr td.cena a { 

	 display:						block;
	
	 width:							80px;
	 padding:						10px 10px;
	 font-size:						15px;
	 text-align:					right;
  }

  table.wycieczki tr:hover > td {
	 
	 color:	 						#0f0f0f;
	 background-image: 			url('../img/tlo_czerwone_wysokie.png'); 
  }

  /* ======================================================== OPIS_WYCIECZKI */

  div#opis_wycieczki {

	 padding-left:					240px;
  }
  
  div#opis_wycieczki h1 {

	 text-transform:				uppercase;
	 font-size:						24px;
  }

  div#opis_wycieczki table {

	 margin-top:					20px;	
	 /*border:							1px solid #0f0f0f;*/

	 font-size:						16px;
	 font-weight:					bold;
	 /*background-color:			#f4ac39;/*#f6d35b*/
  }

  div#opis_wycieczki table tr td.do_prawej {

	 font-size: 					13px;	 
	 font-weight:					normal;
	 text-align:					right;
	 padding-right:				10px;
	 vertical-align:				top;
  }

  div#opis_wycieczki h3 {

	 font-size:						20px;
	 
  }

  div#opis_wycieczki h4 {

	 font-size:						18px;
	 margin-top:					0px;
	 text-transform:				uppercase;
  }

  div#opis_wycieczki h5 {

	 font-size:						14px;
	 text-transform:				uppercase;
  }

  div#opis_wycieczki h6 {

	 margin-bottom:				14px;
	 font-size:						12px;
  }

  div#opis_wycieczki div#guziki {
	 
	 border:							none;
	 padding:						0;
	 background:					none;
  }

  div#opis_wycieczki div#guziki a span {

	 display:						inline-block;
	
	 margin-top:					30px;
	 border:							1px solid #0f0f0f;
	 padding:						0 4px;
	 font-size:						13px;
	 line-height:					1.8;
	 color:							#f0f0f0;
	 font-weight:					bold;
  }

  div#opis_wycieczki div#guziki a:hover span {

	 color:							#0f0f0f;
	 
  }

  div#opis_wycieczki div {
  
	 margin-bottom:				14px;				
	 border:							1px solid #0f0f0f;
	 padding:						8px;

	 background-color:			#f4ac39;/*#f6d35b*/
  }

  div#opis_wycieczki div div.guziki {
	 
	 margin-bottom:				0;
	 border:							none;
	 padding:						0;

	 text-align:					right;
  }

  div#opis_wycieczki div div.guziki a span {
	 
	 margin-top:					4px;
	 border:							1px solid #0f0f0f;
	 padding:						0 4px;

	 background-image: 			url('../img/tlo_pomaranczowe.jpg'); 
	 font-size:						12px;
	 line-height:					1;
  }

  div#opis_wycieczki div div.guziki a:hover span {

	 color:							#f0f0f0;
	 background-image: 			url('../img/tlo_czerwone_wysokie.png'); 
  }

  div#opis_wycieczki div.zdjecia {
							
	 margin-bottom:				10px;
	 border:							none;
	 padding:						0;
  }

  div#opis_wycieczki div.zdjecia img {
							
	 width:							226px;
	 height:							170px;	
  }

  div#opis_wycieczki div li {
  
	 list-style:					square;
	 margin-left:					20px;
  }

  div#opis_wycieczki div p {
  
	 border:							none;
  }
  
  /* =========================================================== KRAJ */

   div#kraj {

	 margin-left:					260px;
	 padding-right:				10px;

	 h/eight:							900px;
  }

  /* ========================================================= STOPKA */

  div#stopka { 

	 p/osition:						relative;
	 clear: 							both;

	 border-bottom:				1px solid #f0f0f0;

	 h/eight:							140px;

/* 	 background-image:			url('../img/tlo_pomaranczowe.png'); */
	 background-color:			#f08415;
  }

  div#stopka p {
	
	 p/adding-top:					124px;
	 font-size:						12px;
	 color:							#0f0f0f;
  }
  
  div#stopka a {
	 
	 font-size:						12px;
	 color:							#0f0f0f;
  }

  div#stopka a:hover {

	 color:							#f0f0f0;
  }

  /* ================================================ FORMULARZ_KONTAKTOWY */

  div#formularz_kontaktowy {

	 width:							400px; 
	 margin-left: 					460px; 
	 border: 						1px solid #0f0f0f; 
	 padding: 						8px;

	 background-color: 			#f4ac39; 	 
  }

  div#formularz_kontaktowy p#komunikat {

	 text-align:					center;
  }


  div#formularz_kontaktowy p#komunikat {

	 margin:							0 auto;
	 border:							1px solid red;
	 padding:						2px 4px;
	 background-color:			#FF9999;
	 width:							300px;

  }

  



  /* ====================================================== DZINX */



div#os div.dzinx {
		
		display: 						inline;
		text-decoration:				none;
	}	

	div#os div.dzinx span {

		position: 						relative;
		display: 						inline-block;

		border: 							1px solid #171717;
	}



	div#os div.dzinx span:hover {
  
		border:							1px solid #0f0f0f;
	}

	div#os div.dzinx span.transparent {	
		
		position: 						absolute;
		right: 							0px;
		bottom: 							0px;

		margin:							0;
		padding:							0;

		width:							400px; 							
		height: 							30px;
		border: 							none;

		background-repeat: 			repeat;
		background-image: 			url("../img/tlo_przezroczyste.png");
		
		font-family:					'Trebuchet MS';
		font-size:						22px;
		text-align:						right;
		color: 							#f0f0f0;
	}


  div#guziki {
	 
	 border:								none;
	 padding:							0;
	 
  }

  div#guziki a span {

	 display:						inline-block;
	
	 m/argin-top:					30px;
	 border:							1px solid #0f0f0f;
	 background-image: 			url('../img/tlo_czerwone_wysokie.png'); 
	 padding:						0 4px;
	 font-size:						13px;
	 line-height:					1.8;
	 color:							#f0f0f0;
	 font-weight:					bold;
  }

  div#guziki a:hover span {

	 color:							#0f0f0f;
  }


  div#wyszukiwarka img {

	 border:							none;
  }


  div#artykul p {

	 margin-top:					10px;
  }
