html, body {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  font-size: 16px;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}






/*początek css div */
#container {
	width: 960px;

		margin: 0 auto;
}

#naglowek {
  height: 96px;
    width: 960px;
	background-image: url(../images/tlo_naglowek.png)
}

#naglowek_kon {
  height: 96px;
    width: 960px;
	background-image: url(../images/tlo_kontakt.png)
}

#naglowek_gal {
  height: 96px;
    width: 960px;
	background-image: url(../images/tlo_galeria.png);

}

#naglowek_ofe {
  height: 96px;
    width: 960px;
	background-image: url(../images/tlo_oferta.png)
}

#naglowek_prz {
  height: 96px;
    width: 960px;
	background-image: url(../images/tlo_przygotowanie.png)
}

#naglowek_zam {
  height: 96px;
    width: 960px;
	background-image: url(../images/tlo_zamowienia.png)
}

#naglowek_index {
  height: 96px;
    width: 960px;
	background-image: url(../images/tlo_oferta.png)
}

#logo {
float: left;
border:none;
position:relative; top:5px;
}


/* naglowek topmenu, oraz linki z menu początek */




.toplink {
vertical-align: 25px;
color:#5e5e5e;
  font-size: 14px;
  	font-family:  Helvetica, Verdana,  Arial, sans-serif;
}

.toplinkactiv {
vertical-align: 25px;
text-decoration: none;
color:red;
text-decoration: strong;
  font-size: 14px;
  font-weight: bold;
  	font-family:  Helvetica, Verdana,  Arial, sans-serif;
}

/* koniec naglowek topmenu, oraz linki z menu */

/* poczatek lewe menu */
#menu {
	width: 196px;
	height:590px;
	float: left;
		background-color: #fff;
}



ul, ul li {
	display: block;
	list-style: none;
	margin: 1;
	padding: 1;
}

ul li { height: 64px;}

.button { background-image: url(../images/button.png);
 height: 64px;
 width: 190px;

 }
 
 .bactive { background-image: url(../images/bactive1.png);
 height: 64px;
 width: 190px;
position:relative; left:1px;
 }
  .bactivem { background-image: url(../images/margines.png);
  margin:0px;
  padding:0px;
 height: 64px;
 width: 12px;
 position:relative; left:-10px; 
 }
 
 .buttoncolor { background-image: url(../images/buttonkolor.png);
  height: 64px;
   width: 184px;
   
 }
 
  .buttoncoloractive { background-image: url(../images/buttonkolor.png);
  height: 64px;
   width: 184px;
 }
 
 .menutekst {text-align:right;
 width:190px;
 height:64px;
 margin:1px;
   font-size: 12px;
      font-weight:bold;
	 position: relative; top:-5px;
background-image: url(../images/button.png);
 }
 
 .menutekstactive {text-align:right;
 width:190px;
 height:64px;
 margin:1px;
   font-size: 12px;
      font-weight:bold;
	 position: relative; top:-5px; left:1px;
background-image: url(../images/bactive1.png);
 }
 
 .menukolor {text-align:right;
 width:190px;
 height:64px;
 margin:1px;
   font-size: 12px;
      font-weight:bold;
	 position: relative; top:-5px; left:0px;
background-image: url(../images/buttonkolor.png);
 }
 
 /* koniec lewe menu */

 
 /* poczatek tresc */


 #tresc {
	width: 764px;
	height: 590px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	overflow: auto;

}

 #tresc1 {
	width: 764px;
	height: 590px;
	float: left;
	background-color: #fff;


}

 #index {
	width: 960px;
	overflow: hidden;
  text-align: center;	
	background-color: #fff;
	margin-left:auto; margin-right:auto; vertical-align:middle;
	overflow: auto;
}

/* tresc lewo */

#margines
{
	width: 6px;
	height:590px;
	float: left;
	overflow: hidden;
		background-color: #fff;
		position: relative;top:-10px;
}

#tresclewo {
	width: 368px;
	height: 590px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	overflow: auto;
}

h1 {text-align: left;
margin:12px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color:#da251c;
position: relative; left:15px; top:6px;
}

h2 {text-align: center;
margin:12px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color:#da251c;
}


p {text-align: left;
margin:12px;
color:#5e5e5e;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
line-height:7mm;
}



/* koniec tresc lewo */

#trescprawo {
	width: 396px;
	height: 580px;
	float: left;
	overflow: hidden;
  background-image: url(../images/tloprawatresc.jpeg);
  position: relative; top:-6px;
overflow: auto;
}

.fotolewo {	width: 196px;
	height: 590px;
	float: left;
  background-image: url(../images/tlopfotolewo.jpeg);
   position: relative; top:46px;

}

.fotoprawo	{
width: 196px;
	height: 590px;
	float: left;
  background-image: url(../images/tlofotoprawo.jpeg);
  position: absolute; top:46px; right:0px;

}

.fotolewo img {border:none;
}

.fotoprawo img {border:none;
}


.obrazekright {
	margin: 13;
	padding: 3;
}

.tekstright1 {
text-align:left;
margin:12px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
color:red;
	 position: relative; left:-65px; top:75px;
	 }

.tekstright2 {
text-align:center;
margin:12px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
color:red;
margin:auto;
	 position: relative; left:0px; top:75px;

}

.pracowniatekst {
font-color:#8ca955;
}


 .fotoleft1 {
 	 position: relative; right:10px; top:64px;
 }
 
  .fotoleft {
     	 position: relative; left:-9px; top:80px;
 }

  .fotoright1 {
   	 position: relative; left:15px; top:64px;
 }

  .fotoright {
     	 position: relative; left:15px; top:80px;
 }


 #trescmapalewo {
	width: 400px;
	height: 590px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	overflow: auto;
}

#trescmapa {
	width: 364px;
	height: 590px;
	float: left;
overflow: auto;
position:relative; top:-10px;
}

 /* koniec tresc */
#dol {
	clear: both;
  text-align: center;
  height: 75px;
  width: 960px;
  font-size: 12px;
   position: relative; left:0px; 
}

#dool {
	clear: both;
  text-align: center;
  height: 75px;
  width: 960px;
  font-size: 12px;
   position: relative; left:23px; 
}

#drzewo {

  text-align: center;
  height: 75px;
  width: 190px;
  font-size: 12px;
  float: left;
  position: relative; top:-11px;
}
#stopka {
  text-align: left;
  height: 75px;
  width: 770px;
  font-size: 12px;
  	float: right;
			 position: absolute; left:520; top:3;
}

.tabelka {
  font-size: 12px;
  			 position: relative; left:42px; top:-80px;
}

#stopkaindex {
	clear: both;
  text-align: center;
  height: 75px;
  width: 960px;
  font-size: 12px;
}

/* galeria */

.gallerycontainer{
position: relative; top:16px; left:-24px;
height:520px;
	overflow: auto;
/*Add a height attribute and set to largest imge's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail1 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail1:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail1:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged imge*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span{ /*CSS for enlarged imge*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged imge*/
border-width: 0;
padding: 2px;
}
.thumbnail1 span img{ /*CSS for enlarged imge*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged imge*/
visibility: visible;
top:0px;
left: 550px; /*position where enlarged imge should offset horizontally */
z-index: 50;
}
.thumbnail1:hover span{ /*CSS for enlarged imge*/
visibility: visible;
top:0px;
left:0px; /*position where enlarged imge should offset horizontally */
z-index: 50;
}

/* FORMULARZ */