﻿html, body{

background-color:#FFFFFF;

margin:0;

overflow: auto; overflow-x: hidden;

} 



#menu { /* div menu */

	padding-top:2px;

	text-align: center;

	z-index:11;   /* to dziala dla !IE */

	position:absolute;

	margin-left:446px;

	margin-top: 62px;

	color:#ffffff;

	font-family: "Trebuchet MS", Verdana, Sans-serif; /* krj czcionki */

	font-size: 10px;

	width: 90px; /* szerokosc */

	/*border: 1px solid #D3D3D3; */

	height: 20px; /* wysokosc */

	overflow: hidden;

	left: -30px;

} 



#menu:hover { /* najechane menu */

cursor:pointer;

background-color:#00bff6;

width: 90px; /* szerokosc */

height: 100%; } /* wysokosc (wartosc musi byc 100% lub "auto" */







/* TUTAJ BOGDAN WYSOOKŚĆ SŁUPKA MENU */



#menu:hover.reportaz { 

height: 87px; } 



#menu:hover.reklamowa { 

height: 38px; } 



#menu:hover.ludzie { 

height: 87px; } 



#menu:hover.slubna {

height: 122px; } 



#menu:hover.inne { 

height: 110px; } 



#menu:hover.przyroda { 

height: 105px; } 

 

 

 

 

 

 

 

#pagewidth{  

margin:0px auto; 

max-width:1118px; 

min-width:1118px; 

}

 

#header{

 position: relative; 

 height:133px; 

 background-color:#3a4042; 

 width:100%;

 background:url(gora.jpg);

} 







#menuGorne{

margin-right:130px;

margin-top:14px;

width:160px;

height:38px;

float:right;

color: #FFFFFF;

/*border: 1px solid #33FF66 */

}



#menuGorne img{

margin-top:0px;

margin-right:20px;

}









ul { /* ul */

margin: 0px; /* margines */

padding-top:2px;

padding-bottom: 0px;

padding-left:0px;

padding-right:0px;

} 



li { /* li */

text-align:center; 

list-style-type: none; /* rodzaj wykazu */

width: 90px;} /* szerokosc */



li a { /* linki */

background-color:#3a3f42;

text-decoration: none; /* dekoracja linka */

display: block; /* rodzaj wyswietlenia elementw */

width: 90px; /* szerokosc */

padding-top: 0px; /* odleglosci */

padding-bottom: 2px;

color:#a2a5aa; } /* kolor linka */



li a:hover { /* najechany link */

font-weight:bold;

text-decoration: none; /* dekoracja tekstu */

color: #a2a5aa; /* kolor linka */

width: 90px; /* szerokosc */

padding-top: 0px; /* odleglosci pomiedzy linkami */

/*background-color: #F0F0F0*/ /* tlo */

} 



span { /* paragraf <p> */

font-size: 13px;

font-weight: bold;



 }









 

#leftcol{

 position:relative; 

 width:418px;

 /* height: 526px; */

 float:right;

 text-align:right;



 background-color:#FFFFFFF;

 background:url(lewa.jpg); 

 }

 

#leftcol-naglowek {

	margin-left:120px;

	position:absolute;

	width:280px;

	height:35px;

	margin-top: 30px;

	font: "Trebuchet MS";

	font-size:14px;

	/*border: dashed; border-color: #66FF00 ;*/

	text-align:left;

	color:#00bff6;

	padding:5px;

 }

 

 #leftcol-naglowek-galeria {

 

	margin:0px auto;

	width:300px;

	height:25px;

	/*margin-top: 10px;*/

	

	font: "Trebuchet MS";

	font-size:14px;

	/*border: dashed; border-color: #66FF00 ;*/

	text-align:center;

	color:#3a4042;

	padding-top:20px;

	

 }

 

 #leftcol-tekst {

    margin-top: 63px;

	margin-left:120px;

	position:absolute;

	width:280px;

	height:415px;	

	font: "Trebuchet MS";

	font-size:14px;

	text-align:justify;

	/*border: dashed; border-color: #66FF00 ;*/

	padding-top:10px;

	color:#3a4042;

	padding:5px;

 }

 

  #leftcol-galeria {

	position:relative;

	float:right;

	max-width:480px;

	/* height:400px;	*/

	font: "Trebuchet MS";

	font-size:14px;

	text-align:right;

	/*border: dashed; border-color: #66FF00 ;*/

	color:#3a4042;

	padding-top:5px;

	

 }



 #leftcol-tabela{

 /*border:solid;*/

 text-align:center;

 vertical-align:top;

 }

 

 #leftcol-tabela td{

 }

 

 #leftcol-tabela img{ /*miniaturka*/

 	margin-left:4px;

	margin-right:4px;

	margin-bottom:10px;

	margin-top:0px; 

	border: none;

 }

 

 #leftcol-tabela a{

 cursor: pointer;

 }

 

 

 



 

 

#maincol{

 background-color: #FFFFFF;  

 float: right; 

 position: relative; 

 width:683px;

 /*height:526px;*/

 background:url(prawa.jpg);

 /*background:url(prawa_zTlem.jpg);*/

 vertical-align:bottom;

 }

 



 

 

 

  #stopka{

    font: "Trebuchet MS";

	font-weight: normal;

	font-size:12px;

	text-align: left;

	color:#abadae;	

 }

 

#footer{

 height:38px;

 margin-bottom:10px;

  background-color:#D3D8DA;

  background:url(dol.jpg); 

 clear:both;

 } 

 



 

#footer-lewy{

	margin-left:100px;	

	width:330px;

	height:30px;	

	font: "Trebuchet MS";

	font-size:14px;

	text-align: left;

	font-weight:bold;

	color:#646a6b;

	padding-top:8px;

 } 

 

 #footer-prawy{

 	margin-top:-30px;

	margin-left:614px;	

	width:300px;

	height:30px;	

	font: "Trebuchet MS";

	font-size:12px;

	text-align: left;

	font-weight:normal;

	color:#3a4042;

	

 } 

 

 #tabela-obraz{

 margin-top:6px;

 /*border-width:1px;*/

 /*border: solid;*/

 }

 

 #tabela-obraz td{

 /*border-width:1px;*/
 /*border: solid;*/
 vertical-align:middle;
 text-align:center;
 }

  #tdZDuzymObrazem{

 
 height:475px;
 }



  #liniaPionowa{

  width:1px;

  height: 400px;  

  background-color:#8f8f8f;

 }

 

 #obrazDuzy{



 border:#434343;

 border: solid;

 border-width:1px; 

 }

 

 #strzalkaLewa{

 margin-left:6px;

 margin-right:8px;

 }

 

  #strzalkaPrawa{

 margin-left:8px;

 margin-right:6px;

 }

 

  #strzalkaLewaMala{

	 border: none;

	 border-width:0px; 

/*  padding-bottom:30px; */

  margin-bottom:0px;

 margin-right:0px;

 }

 

  #strzalkaPrawaMala{ 

  border:0px;    

  margin-bottom:0px;

 margin-left:0px;

 	 /* padding-bottom:30px; */

 }