/* global */
body { font-family: Tahoma, Times New Roman, Verdana, Helvetica, sans-serif; font-size: 12px; color: black; margin:0px; padding:0; text-align:left; line-height:120%; background: #5C5E5C; }

p, div {font-size: 12px; line-height:170%;text-align:justify;}

a {color: #7997BB; text-decoration: none; font-weight: bold;}
a:hover {color: #512A25; text-decoration: none; font-weight: bold;}

ul, ol { margin-top:0; margin-bottom:0;}

#container {width: 980px;	height: auto;	margin:auto;	padding:0;	overflow: hidden; background: url('../pics/tlo2.gif') repeat-x #B4C3D6; border: 0px solid green;}

#top {
  position: relative; /* ma byc relative zeby potem te logo sie pozycjonowaly wzgledem tego elementu, nie zmieniac! */
  left: 0px;
  top: 0px;
	width: 944px;
	height: 292px;
	background:url(../pics/top.jpg) top center no-repeat;
}

div.kliki { position: absolute; margin: 0; padding: 0px ;  height: 32px; top: 0px; }

div.kliki a {
  display: block;
  height: 32px;
}

#klik_de {
  left: 530px;
  width:43px;
}

#klik_ru {
  left: 572px;
  width:46px;
}

#klik_en {
  left: 618px;
  width:43px;
}

#klik_form {
  left: 790px;
  width:150px;
}


#napis { position: absolute; color:#C9C1BF; font-family:Verdana, Tahoma, Times New Roman; font-size: 11px; margin: 0px 0px 0 0;padding: 0px ; width: 700px; left: 440px; top: 38px; }

#napis2 { position: absolute; color:#ededed; font-family:Verdana, Tahoma, Times New Roman; font-size: 13px; margin: 0px 0px 0 0;padding: 0px ; width: 800px; left: 10px; top: 260px; font-weight: bold; text-transform: capitalize;}

#menu_g { position: absolute; color:#a2a6a7; font-family:Verdana, Tahoma, Times New Roman; font-size: 14px; margin: 0;padding: 0px 5px 2px 0px; width: 180px; left:20px; top: 80px;  line-height:180%;}

#menu_g a {	color: #ffffff;	 font-weight: normal; font-size: 13px; font-family:Verdana, Tahoma, Times New Roman; line-height:180%; font-weight: normal; width: 120px; padding-left:30px;}
#menu_g a:hover{ display: block; color: #512A25;	background: #ececec;  width: 120px; padding-left:30px;}

#lewa { float:left; overflow: hidden;	width: 250px;	height:auto; margin: 0px;	padding: 0; border: 0px solid green;}
#prawa { float:right; text-align:left; overflow: hidden;	width: 690px;	height:auto; margin: 0px;	padding: 0; border: 0px solid green;}

#menu_b {  background: url('../pics/tlo-b.jpg') no-repeat; color:#a2a6a7; font-family:Verdana, Tahoma, Times New Roman; font-size: 14px; margin: 20px 0 20px 20px ;padding: 0px 0px 0px 0px; width: 228px; height: 169px; }

#menu_b a {	color: #CCD9E9;	 font-weight: normal; font-size: 15px; font-family:Verdana, Tahoma, Times New Roman; line-height:180%; font-weight: normal; width: 180px; padding-left:20px; margin-left:10px;}
#menu_b a:hover{ display: block; color: #512A25;	background: #9CB7D5;  width: 180px; padding-left:20px; margin-left:10px;}


div.menuG_buttons { 
  margin: 0;
  padding: 0px;
  width: 228px;
  height: 260px;
}

div.menuG_buttons a {
  display: block; 
  width: 228px;
  height: 150px;
}

#buttonG_1 {  
	background:url(../pics/stacje1.jpg);
}

#buttonG_1:hover {
	background:url(../pics/stacje2.jpg);}

#buttonG_2 {
	background:url(../pics/obiekty1.jpg);	
}

#buttonG_2:hover {
	background:url(../pics/obiekty2.jpg);}

#buttonG_3 {  
	background:url(../pics/konstrukcje1.jpg);
}

#buttonG_3:hover {
	background:url(../pics/konstrukcje2.jpg);}

#buttonG_4 {
	background:url(../pics/wykonczenia1.jpg);
}

#buttonG_4:hover {
	background:url(../pics/wykonczenia2.jpg);
}


div.menu_buttons { 
  width: 228px;
  height: 40px;
  margin: 8px 5px;
  padding: 0px;
}

div.menu_buttons a {
  display: block;
  width: 228px;
  height: 40px;
}

#button_1 {  
	background:url(../pics/boczne1.jpg);
}

#button_1:hover, #button_1_active {
	background:url(../pics/boczne1b.jpg);
}

#button_2 {
	background:url(../pics/boczne2.jpg);
}

#button_2:hover, #button_2_active {
	background:url(../pics/boczne2b.jpg);
}

#button_3 {  
	background:url(../pics/boczne3.jpg);
}

#button_3:hover, #button_3_active {
	background:url(../pics/boczne3b.jpg);
}

#button_4 {
	background:url(../pics/boczne4.gif);
}

#button_4:hover, #button_4_active {
	background:url(../pics/boczne4b.jpg);
}

#content {	width: 980px;	height: auto; margin:0px 0 0 0 ;padding:0;overflow: hidden;	text-align: left;	border: 0px solid green;}

#glowna { font-size:12px; overflow: hidden; margin: 0px;	padding: 0; border: 0px solid green;}
#glowna a {color: white; font-weight: normal; }
#glowna a:hover {color:#a8a8a8; text-decoration: underline; }
#glowna p {font-size:11px; color: white; padding: 10px 10px 10px 10px; margin: 0 0 20px 0; text-align:left; }

#pad {padding: 20px 10px 20px 10px;}

#stopka {	width: 980px;	height: 60px;  margin:auto;	padding:0 0 0px 0;	overflow: hidden;		background: #ffffff;  color: #718190;	text-align:center;	font-size:80%; line-height:120%;}

#stopka ul { margin: 20px 20px 0 0;	padding: 0; color:#718190;}
#stopka li { padding: 10px 5px 10px 10px;	display: inline; list-style-type: none;}	

#stopka a {	color: #718190;	font-size: 11px; font-weight: normal;}
#stopka a:hover{color: black;	font-size: 11px; font-weight: normal;}


/* classes */

.fotocenter {	margin: 10px 0 10px 0;	text-align : center;	border: 1px solid black;}
.fotoprawo {	margin: 1px 5px 15px 5px;	float: right;}
.fotolewo {	margin: 0px 20px 10px 0px;	float: left;}

.doPrawej{	float : right;	padding: 5px;	}
.fotocenter2 {	margin: 10px 0 10px 0;	text-align : center;	border: 0px solid black;}
.fotocenter3 {	margin: 10px 0 10px 0;	text-align : center;	border: 2px solid black;}
.doLewej {float : left;}

/* id */
h1 {font-family:Tahoma, Helvetica, sans-serif; font-size: 25px; color: #512A25; font-weight: normal; padding: 10px 0 0 0px; line-height: 25px; }

h2 {font-family: Tahoma, Helvetica, sans-serif; font-size: 20px; color: #010101; font-weight: normal; margin: 0px; padding: 5px 0 5px 0px;; }

h3 {font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; color: #AF990A; font-weight: bold; margin: 0; padding: 0 0 10px 0; }

h4 {font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; color: #9F7609;  margin: 0; padding: 5px 0 5px 0;font-weight: bold;}
h5 {font-family: Tahoma, Helvetica, sans-serif; font-size: 10px; color:black;}

/* std */
.ramkaDuza {border:0px; border-left:4px solid #512A25; margin-bottom:2px;}
.doPrawej {float:right;margin:10px 5px 2px 20px;}
.podpis {clear:both; text-align:center; border: 0px solid red;margin: 0; padding:0;font-style:normal;font-size:90%;}

fieldset {    border: none;    padding: 0;    padding-bottom: 20px;}

label { text-align:left;  height:auto;}

/* newsy */
div.gallery  { float:left; display: inline; margin-right: 8px; width:207px; height:200px; font-size:95%; color: #777777;}
.error { color:red; }
div.gallery img {border:0px; border-left:4px solid #512A25;}

/* galeria */
.gal_kat {	margin: 5px; padding: 10px; width:30%; float:left; } 
.gal_kat img {float:left; border: solid 4px #512A25; margin:4px;} 
.gal_alb {	margin: 5px; padding: 10px; width:30%; float:left; height:200px;} 
.gal_alb img {float:left; border: solid 4px #512A25; margin:4px; } 
.gal_back {text-align:left;}
.gal_mini {width:130;height:130;border:1pt solid gray; text-align:center;vertical-align:middle;padding:10px;}
.gal_mini img { border:0; }
.gal_foto {}
.gal_foto {text-align:center; }
.rewind {font-family: arial; margin-bottom:10px;text-align:center;}
.rewind a {color: white; background: #dddddd; font-weight: bold; text-decoration: none; margin: 4px; padding: 3px 8px;}
.rewind b {color: white; background: #512A25;  font-weight: bold; text-decoration: none; margin: 4px; padding: 3px 8px;}

#table_gal td {text-align:center;vertical-align:center;}

.przycisk {text-decoration:none; font-size: 90%; }
.przyciski {width:180px; height:25px; font-weight: bold; border:0; background-color:#604C34; font-size:13px;color: white;}

.fotka {border:3px solid #D7B551;}
.fotocenter {border:1px solid #D7B551;}