/*.................................................................... TABELE ................................................*/
table.glowna
{ 
	border-collapse: collapse; /* brak odstepow pomiedzy komorkami*/
	width: 930px; 
	 /*margin: 0px auto 0px auto;  wysrodkowanie tabeli, auto dla prawego i lewego marginesu strony*/
	 margin-left: auto;
	 margin-right: auto;
	 }
	 
table.trasy
{ 
	border-collapse: collapse; /* brak odstepow pomiedzy komorkami*/
	width: 750px; 
	/*border: 2px solid;*/
	 /*margin: 0px auto 0px auto;  wysrodkowanie tabeli, auto dla prawego i lewego marginesu strony*/
	 margin-left: auto;
	 margin-right: auto;
	 }

table.opinie
{ 
	border-collapse: collapse; /* brak odstepow pomiedzy komorkami*/
	width: 750px; 
	/*border: 2px solid;*/
	 /*margin: 0px auto 0px auto;  wysrodkowanie tabeli, auto dla prawego i lewego marginesu strony*/
	 margin-left: auto;
	 margin-right: auto;
	 }	 
	 
table.kontakt
{ 
	border-collapse: collapse; /* brak odstepow pomiedzy komorkami*/
	width: 450px; 
	/*border: 2px solid;*/
	 /*margin: 0px auto 0px auto;  wysrodkowanie tabeli, auto dla prawego i lewego marginesu strony*/
	 margin-left: auto;
	 margin-right: auto;
	 }	 

table.trasy_zdjecia
{ 
	border-collapse: collapse; /* brak odstepow pomiedzy komorkami*/
	width: 750px; 
	/*border: 2px solid;*/
	 /*margin: 0px auto 0px auto;  wysrodkowanie tabeli, auto dla prawego i lewego marginesu strony*/
	 margin-left: auto;
	 margin-right: auto;
	 }	 
	 
table.kalendarz_imprez
{ 
	border-collapse: collapse; /* brak odstepow pomiedzy komorkami*/
	width: 700px; 
	border: 1px solid;
	 /*margin: 0px auto 0px auto;  wysrodkowanie tabeli, auto dla prawego i lewego marginesu strony*/
	 margin-left: auto;
	 margin-right: auto;
	 }	 

table.linki
{ 
	border-collapse: collapse; /* brak odstepow pomiedzy komorkami*/
	width: 700px; 
	border: 1px solid;
	 /*margin: 0px auto 0px auto;  wysrodkowanie tabeli, auto dla prawego i lewego marginesu strony*/
	 margin-left: auto;
	 margin-right: auto;
	 }	 

	  
/*............................................................ TD  ......................................*/

td { padding: 0px; vertical-align: top;}   /* brak odstepow pomiedzy komorkami*/

td.baner
{
	width: 930px;
	height: 178px;
}

td.tekst     
{
	width: 930px;
	height: 350px;
	background-image: url(tlo.jpg); 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
	text-align: justify;	
	padding-top:25px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:20px; 
}

td.data_kalendarz_imprez    
{
	width:25%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	vertical-align: top;
	text-align: justify;	
	border: solid 1px black;	
	padding:10px;
}

td.tekst_kalendarz_imprez    
{
	width:75%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 13px;
	vertical-align: top;
	text-align: justify;
	border: solid 1px black;	
	padding:10px;
}

td.informacje    
{
	width:50%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	padding-top: 20px;
	line-height: 15px;
	vertical-align: top;
	text-align: justify;
	border: solid 1px black; 	
	padding:10px;
}

td.informacje_aktual    
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	vertical-align: top;
		font-size: 12px;
	text-align: justify;
}

td.opis_linki    
{
	width:70%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
	text-align: center;	
	border: solid 1px black;	
	padding:10px;
}

td.link_linki   
{
	width:30%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
	text-align: center;
	border: solid 1px black;	
	padding:10px;
}

td.tekst_trasy     
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 18px;
	vertical-align: top;
	text-align: justify;	
	padding-right: 20px;
	padding-bottom: 20px;
	width: 75%;
}


/* ........................................................  klasy w DIV ...................................................*/
.tytul {
text-align: center;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
/*font-style: italic;*/
font-size: 15pt;
font-weight: bold;
line-height: 28px;
margin-top: 5px;
padding-bottom:30px;
/*border-bottom: 2px solid red;*/
}

.podtytul {
text-align: center;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
/*font-style: italic;*/
font-size: 12pt;
font-weight: bold;
line-height: 28px;
margin-top: 5px;
padding-bottom:30px;
/*border-bottom: 2px solid red;*/
}

.indent {
display: inline; 
padding-left: 20px;
}

.trasy_definicje {
	margin-left: 80px; 
	text-indent: -50px; 
	margin-bottom: 10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 16px;	
}

.podtytul{
padding-bottom:30px;
text-align: center;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
font-size: 15px;
line-height: 19px;
}

.tytul_obszar {
text-align: center;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
/*font-style: italic;*/
font-size: 20pt;
font-weight: bold;
line-height: 28px;
margin-top: 5px;

/*border-bottom: 2px solid red;*/
}

.tytul_trasy {
text-align: center;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
/*font-style: italic;*/
font-size: 15pt;
font-weight: bold;
line-height: 28px;
margin-top: 5px;

/*border-bottom: 2px solid red;*/
}


/* ........................................................  UL, OL i LI czyli wypunktowania  .............................................................*/

li.li1{
margin-bottom:5px;
}

li.li2{
margin-bottom:3px;
}

ol.ol2{ margin-top:5px; }

/* ........................................................  IMG  .............................................................*/
img{border: 1px solid;}

img.trasy_zdjecia{
width: 150px;   
margin-top: 15px;
margin-bottom: 15px;
}

img.obszar_zdjecia{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
}

img.info_obszar_lewa{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 15px;
}

img.informacje_lewa{
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 15px;
}

img.informacje_prawa{
margin-top: 0px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 0px;
}

img.info_obszar_prawa{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 0px;
}

img.info_trasy_lewa{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 15px;
}

img.info_trasy_prawa{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 0px;
}


img.baner
{
	width: 930px;
	height: 178px;
}

/*.......................................................................    UL i LI   .....................................................*/
ul.menu{display: inline;}
li.menu{
	float: left; 
	display: inline; 
	margin-left: 0px; 
	padding-right: 0px; 
	 }

/*.......................................................................    BUTTONY   .....................................................*/
/*....................................................................... Button O NAS .....................................................*/
a.button1,a:visited.button1,a:link.button1,a:active.button1
{
	display:block; 
	width:214px;
	height:23px;
	margin-top: 0px;
	 background-image: url(button1.jpg); 
 	text-decoration: none; 
 	padding:0px; 
} 
a:hover.button1 {background-image: url(button1_over.jpg);}
 
 
 /*............................................................ Button PROJEKTY WWW ..................................................*/
a.button2,a:visited.button2,a:link.button2,a:active.button2
{
 	display:block; 
	width:124px;
	height:23px;
	margin-top: 0px;
	 background-image: url(button2.jpg); 
	 text-decoration: none; 
 	padding:0px; 
} 
 a:hover.button2{background-image: url(button2_over.jpg);}
 

 /*............................................................ Button SIECI ..................................................*/
 a.button3,a:visited.button3,a:link.button3,a:active.button3
{
 	display:block; 
	width:96px;
	height:23px;
	margin-top: 0px;
	 background-image: url(button3.jpg); 
	 text-decoration: none; 
	 padding:0px; 
} 
 a:hover.button3{background-image: url(button3_over.jpg);}
 

 /*............................................................ Button KONTAKT ..................................................*/
 a.button4,a:visited.button4,a:link.button4,a:active.button4
 {
 	display:block; 
	width:466px;
	height:23px;
	margin-top: 0px;
	 background-image: url(button4.jpg); 
	 text-decoration: none; 
	 padding:0px; 
} 
 a:hover.button4{background-image: url(button4_over.jpg);}
 
 
 
 
 /*............................................................ Wszystkie LINKI na stronie ..................................................*/
 a,a:visited,a:link,a:active
 { 
	 color: black; 
	 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	 font-size: 12px;
	 line-height: 20px;
	 /* text-decoration: none;*/ 
	 padding:0px; 
} 
 a:hover{color: green;} 
 
a.linki,a:visited.linki,a:link.linki,a:active.linki
 { 
	 color: black; 
	 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	 font-size: 10px;
	 line-height: 20px;
	 text-decoration: none; 
	 padding:0px; 
} 
 a:hover.linki{color: green;}

 a.linki_informacje,a:visited.linki_informacje,a:link.linki_informacje,a:active.linki_informacje
 { 
	 color: black; 
	 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	 font-size: 12px;
	 line-height: 20px;
	 /* text-decoration: none;*/ 
	 padding:0px; 
} 
 a:hover.linki_informacje{color: green;}
 
a.kraina_zdjecia,a:visited.kraina_zdjecia,a:link.kraina_zdjecia,a:active.kraina_zdjecia
 { 
	 color: black; 
	 /* text-decoration: none;*/ 
	 padding:0px; 
} 
 a:hover.kraina_zdjecia{color: green;}

 a.design,a:visited.design,a:link.design,a:active.design
 { 
	 color: white; 
	 font-familyte: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	 font-size: 11px;
	 line-height: 13px;
	 text-decoration: none; 
	padding:20px;
} 
 a:hover.design{color: white;}
 
h1 { font-size:1px; color: #666666; }
h2 { font-size:1px; color: #666666; }
h3 { font-size:1px; color: #666666; }