html {
width: 99%;
}

body {

	background-image: url(img/bg.jpg);
	width:100%;
	height: 100%;
	background-attachment: fixed;
	background-position: center; 
	background-size: contain;
	

	

}


body, p, a {

	font-size: 0;
	lineheight: 100%;
	margin-top: 0;
	margin-bottom: 0;
     	
}


body, h1, h2, h3, h4, h5  {

lineheight: 100%;
	margin-top: 0;
	margin-bottom: 0;


}


a {
	text-decoration: none;
	color: white;
	
       

}


p {
    text-align: justify;
	
	
    			    			
    
}

p:lang(pl)  {

	color: white;

}


/* ------------------------------- Nagłówek ------------------------------- */


#kontakt {
	
	
	font-family: Tahoma, Arial;
	font-size: 15px;
	color: black;
	float: right;
	overflow: visible;
	margin-bottom: 10px;


}



#tel    {

    background-image:url(img/tel.png);
    background-position: left center;
    background-repeat: no-repeat;
    width: auto;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 25px;
	float: left;
	padding-left: 25px;
	
    
}

#mail  {

    background-image:url(img/mail.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    width: auto;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	float: left;
	padding-left: 28px;
	font-family: Tahoma, Arial;
	font-size: 14px;
	vertical-align: top;
    
}

#kontakt a  { 

	color: black;


}

#header {

	background-color: #82b922;
	width: 940px;
	line-height: 150%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	overflow: visible;
	box-shadow: 2px 2px 2px #656565;
	clear: both;
	
	

}


#logo {

	background-image: url("img/logo2.png");
	width: 147px;
	height: 72px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 111111;
	margin-top: -12px;
	margin-bottom: 0px;
	margin-left: 25px;
	float: left;
	
	
}


/* ------------------------------- Menu ------------------------------- */


#menu {

	
	float: right;

	
	
}



/* ------------------------------- Slider ------------------------------- */


.slider  {

	background-image: url("img/slider.jpg");
	width: 940px;
	height: 365px;



}
	




/* ------------------------------- Main ------------------------------- */


#main {

	background-color: white;
	width: 940px;
	overflow: auto;
	-webkit-box-shadow:inset 0px 0px 0px 10px white;
   	 -moz-box-shadow:inset 0px 0px 0px 10px white;
   	box-shadow:inset 0px 0px 0px 10px white;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 15px;
	clear: both;
	position: relative;
	z-index: 1;
	

}


/* ------------------------------- Ozdboniki ------------------------------- */

#ozdobleft   {

	background-image: url("img/ozdobleft.png");
	width: 159px;
	height: 147px;
	float: left;
	position: absolute;
	margin-top: 50px;
	margin-left: -19px;
	z-index: 2;


}


#ozdobright  {

	background-image: url("img/ozdobright.png");
	width: 159px;
	height: 147px;
	float: right;
	position: absolute;
	margin-top: 50px;
	margin-left: 770px;
	z-index: 2;


}


#ozdobdolleft   {

	background-image: url("img/ozdobdolleft.png");
	width: 95px;
	height: 100px;
	float: left;
	position: absolute;
	margin-top: 15px;
	margin-left: 0;
	z-index: 2;


}


#ozdobdolright   {

	background-image: url("img/ozdobdolright.png");
	width: 300px;
	height: 82px;
	float: left;
	position: absolute;
	margin-top: 35px;
	margin-left: 655px;
	z-index: 2;


}


#ozdobdolleft2   {

	background-image: url("img/ozdobdolleft.png");
	width: 95px;
	height: 100px;
	float: left;
	position: absolute;
	margin-top: 451px;
	margin-left: -220px;
	z-index: 2;


}


#ozdobdolright2   {

	background-image: url("img/ozdobdolright.png");
	width: 300px;
	height: 82px;
	float: left;
	position: absolute;
	margin-top: 471px;
	margin-left: 425px;
	z-index: 2;


}




/* ------------------------------- Container ------------------------------- */

#container  {


	background-color: #82b922;
	width: 910px;
	line-height: 150%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 15px;
	padding-top: 10px;
	text-align: center;
	overflow: auto;
	
		
	

}

	

#container h1  {

	font-family: "Palatino Linotype", "Times New Roman", Times;
	font-size: 30px;
	font-style: italic;
	color: white;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 0;
	line-height: 120%;


}

#container h2  {

	font-family: "Palatino Linotype", "Times New Roman", Times;
	font-size: 22px;
	color: white;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 110%;
	
}


#container h3  {

	font-family: "Palatino Linotype", "Times New Roman", Times;
	font-size: 17px;
	color: white;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;


}


#container h4   {

	font-family: Tahoma, "Palatino Linotype", "Times New Roman", Times;
	font-size: 18px;
	color: black;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;


}

		

.line  {

	font-family: "Palatino Linotype", "Times New Roman", Times;
	font-size: 17px;
	color: white;
	text-align: center;
	margin-top: 0;
	padding-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 120%;
	border-bottom: 1px solid white;

}


.b  {

     font-weight: bold;
     line-height: 150%;


}



ul   {
	font-family: Tahoma, Arial;
	font-size: 16px;
	color: black;
	margin: 0;
	padding: 0;
	margin-left: 130px;
	margin-right: 130px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	border-bottom: 1px solid white;


}




li	{

	padding: 0;
	margin-top: 40px;
	line-height: 120%;
	list-style-image: url(img/bullet.png);
	list-style-position: inside;

}
	




/* ------------------------------- Imgoferta ------------------------------- */


.imgoferta   {


	background-image: url("img/oferta1.jpg");
	width: 380px;
	height: 259px;
	border: 5px solid #7b9b35;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #656565;


}




.imgoferta2   {


	background-image: url("img/oferta2.jpg");
	width: 380px;
	height: 259px;
	border: 5px solid #7b9b35;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #656565; 
	


}


.imgoferta3   {


	background-image: url("img/oferta3.jpg");
	width: 380px;
	height: 259px;
	border: 5px solid #7b9b35;
	float: left;
	margin-top: 0;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #656565;
}


.imgoferta4   {


	background-image: url("img/oferta4.jpg");
	width: 380px;
	height: 259px;
	border: 5px solid #7b9b35;
	float: left;
	margin-top: 0;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #656565; 

}



.pimg  {

	margin-top: 215px;
    padding-top: 16px;
    padding-bottom: 16px;
	text-align: center;
	background-color: #2a5a8f;
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-color: white;
	filter:alpha(opacity=90); 
	opacity:0.9;


}
  

.pimg:hover  {
	margin-top: 215px;
    padding-top: 16px;
    padding-bottom: 16px;
	text-align: center;
	background-color: #ab304a;
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-color: white;
	filter:alpha(opacity=90); 
	opacity:0.9;


}


.pimg2  {

	margin-top: 196px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	background-color: #b4a240;
	font-family: Tahoma, Arial;
	font-size: 24px;
	color: white;
	filter:alpha(opacity=95); 
	opacity:.9;
	

}

.pimg2:hover  {

	margin-top: 196px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #ab304a;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 24px;
	color: white;
	filter:alpha(opacity=95); 
	opacity:.9;
	

}
  


.lilia   {


	background-image: url("img/lilia.png");
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 200px;
	margin-right: 30px;


}



.lilia2   {


	background-image: url("img/lilia.png");
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 400px;
	margin-right: 30px;


}


a {

	color: white;


}





/* ------------------------------- Imgoferta Mała ------------------------------- */





.imgofertam   {


	background-image: url("img/oferta1m.jpg");
	width: 220px;
	height: 180px;
	border: 2px solid #7b9b35;
	float: left;
	margin-top: 0px;
	margin-left: 60px;
	margin-right: 30px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #656565;
	
	


}

.imgofertam2   {


	background-image: url("img/oferta2m.jpg");
	width: 220px;
	height: 180px;
	border: 2px solid #7b9b35;
	float: left;
	margin-top: 0px;
	margin-left: 60px;
	margin-right: 30px;
	margin-bottom: 20px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #656565;
	


}


.imgofertam2v2   {


	background-image: url("img/oferta2m.jpg");
	width: 220px;
	height: 180px;
	border: 2px solid #7b9b35;
	float: left;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #656565;
	


}


.imgofertam3   {


	background-image: url("img/oferta3m.jpg");
	width: 220px;
	height: 180px;
	border: 2px solid #7b9b35;
	float: left;
	margin-top: 0;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #656565;


}


.imgofertam4   {


	background-image: url("img/oferta4m.jpg");
	width: 220px;
	height: 180px;
	border: 2px solid #7b9b35;
	float: left;
	margin-top: 0;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #656565;

}



.pimgm  {

	margin-top: 152px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	background-color:#2a5a8f;
	font-family: Tahoma, Arial;
	font-size: 16px;
	font-color: white;
	line-height: 100%;
	filter:alpha(opacity=90); 
	opacity:.9;

}
  

.pimgm:hover  {

	margin-top: 152px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	background-color: #ab304a;
	font-family: Tahoma, Arial;
	font-size: 16px;
	font-color: white;
	filter:alpha(opacity=90); 
	opacity:.9;


}


.pimgm2  {

	margin-top: 196px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	background-color: #b4a240;
	font-family: Tahoma, Arial;
	font-size: 24px;
	color: white;
	filter:alpha(opacity=95); 
	opacity:.9;
	

}

.pimgm2:hover  {

	margin-top: 196px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #ab304a;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 24px;
	color: white;
	filter:alpha(opacity=95); 
	opacity:.9;
	

}
  


.liliam   {


	background-image: url("img/lilia.png");
	width: 42px;
	height: 19px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 200px;
	margin-right: 30px;


}



.liliam2   {


	background-image: url("img/lilia.png");
	width: 42px;
	height: 19px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 380px;
	margin-right: 30px;


}






/* ------------------------------- Kontaktbar ------------------------------- */


#kontaktbar    {

	background-color: #131b06;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 220px;
	box-shadow: 0px 2px 2px #656565; 
	position: relative;
	z-index: 1;

}


#kontaktbar h1 {


	font-family: Tahoma, Arial;
	font-size: 26px;
	color: #d5bc35;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	

}



#kontaktbar p {

	font-family: Tahoma, Arial;
	font-size: 20px;
	color: white;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	
	

}


.odstep   {

	padding-left: 180px;



}



.odstep2   {

	padding-left: 190px;


}


#kontaktbar a  {

	color: white;
	font-family: Tahoma, Arial;
	font-size: 20px;
	color: white;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;

}



/* ------------------------------- Footer ------------------------------- */



#footer {

	background-color: #82b922;
	width: 940px;
	line-height: 150%;
	padding-top: 12px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	margin-top: 10px;
	box-shadow: 2px 2px 2px #656565;
		
	

}

#footer p {

	color: white;
	font-family: "Franklin Gothic Book", Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	margin-left: 30px;
	margin-right: 30px;

}


#footer a   {

	color: black;
	font-family: "Franklin Gothic Book", Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	margin-left: 2px;
	margin-right: 30px;

}


/* ------------------------------- Cool menu ------------------------------- */


/*  Generated by www.menucool.com/drop-down-menu  */

/* main menu
----------------------------*/
#ddmenu
{
    display:block;
    font-family: Tahoma, Arial;
    font-size: 1px;
    text-align:center; /* Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing:normal;
    margin-left: 300px;
   


}

/*workable with bootstrap*/
#ddmenu, #ddmenu div {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing:content-box;
}

#ddmenu ul
{ 
    /*text-align:right;*/  /* Here you can further customize the alignment of its LIs */
    width:640px;
    font-size: 1px;
    background:#82b822;
    border:none;
    /*border-bottom:none;*/
    display:inline-block;
    list-style:none;
    position:relative;
    z-index:999999990;
    visibility:hidden;  
        
   
}


#ddmenu li
{
    font-family:  Arial;
	font-size: 1px;  
    display:inline-block;
    position:relative;
    color:#FFFFFF;
    border-right: 1px solid white;
	
    
}


#ddmenu li#red {

	border: none;

}



#ddmenu a
{
	font-family:  "Arial bold", Arial;
	font-size: 14px;
    color:#FFFFFF;
    padding:0 20px;
    line-height: 10px;
    text-decoration:none;
    display:inline-block;
    outline:0;
    position:relative;
    white-space:nowrap;
    
    
}

/* links without sub-menu */
#ddmenu li.over a
{
    background-color:transparent;
    color:#000000;
}

/* links with sub-menu */
#ddmenu a.arrow
{
    background-image:url(arrow2.gif);
    background-repeat:no-repeat;
    background-position:right center;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#ddmenu li.over a.arrow
{
    background-color:#82b822;
    color:#FFFFFF;
    border-left:1px solid #82b822;
    border-right:1px solid #82b822;
    /*text-decoration:underline;*/
} 

#ddmenu li > div 
{
    padding:0;
    margin:0;
    display:none;
}             
        
/* sub-menu layout
----------------------------*/

#ddmenu div.drop
{
    position:absolute;
    text-align:left;
    border:1px solid #82b822;
    background:#82b822;
    padding:5px;
    color:#FFFFFF;
    line-height:22px;
    font-size:14px;
    font-family: Tahoma, Arial;
    font-weight:normal; 
    
    
}
/* sub-menu offset
----------------------------*/

#ddmenu div.drop
{
    left:0px;/*Use this property to change offset of the sub-menu*/
}
#ddmenu div.dropToLeft
{
    left:auto; right:0px;
}
#ddmenu div.dropToLeft2
{
    left:auto; right:-120px;
}
  
/* links in sub menu
----------------------------*/

#ddmenu div.drop a
{
    line-height:22px;
    font-size:14px;
    font-family: Tahoma, Arial;
    font-weight:normal; 
    color:#FFFFFF;
    text-decoration:none;    
    display:block;
    text-align:left;    
    position:static;
    background:none;
    background-image:none;
    padding:0 0;
}

#ddmenu div.drop a:hover
{
    text-decoration:none;
    color:#000000;
}

/* blocks within the sub-menu
----------------------------*/

#ddmenu div.drop div
{
    background:none;    
}  

#ddmenu div.column
{
    width:auto;
    float:left; /*align each column in one row*/
    padding:0 10px; /*padding of each column*
    

}

#ddmenu div.column div
{
   padding:0px 10px; /*sub-div within div.column. 10px for indent.*/
}




#menu {

	
	font-family: Tahoma, Arial;
	font-size: 18px;
	color: white;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 100%;
	float: right;

	
	
}

#menu ul, li {

	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	text-align: center;
	

}

#menu ul {

	
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	
	

}
	

#menu li {

	display: inline;
	color: white;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px solid white;
	text-align: center;
	

}



#menu li#red {

	border: none;

}




#menu li:hover {

	color: black;


}


#menu a {

	text-decoration: none;
	color: white;

}


	#menu a:hover {

	color: black;

	}

	#menu a:active {

	color: black;

	}




<------------------------- formularz kontaktowy ------------------------------>


form, input, select, textarea, submit {
			margin:0;
			padding:0;
			color: #ffffff;
		}
 
		div.box {
		
			margin-left: auto;
			margin-right:215px;
			margin-top: 10px;
			width:500px;
			background:#82b922;
			border: 1px solid #161712;
			position: relative;
			z-index: 10;
			
		}
 
	


 
		div.box label {
			width:100%;
			display: block;
			background:#1C1C1C;
			border-top:1px solid #262626;
			border-bottom:1px solid #161712;
			padding:10px 0 10px 0;
		}
 
		div.box label span {
			display: block;
			color:#bbbbbb;
			font-size:14px;
			font-family: Tahoma, Arial;
			line-height: 100%;
			float:left;
			width:100px;
			text-align:right;
			padding:5px 20px 0 0;
		}
 
		div.box .wpis {
			padding:10px 10px;
			width:200px;
			background:#262626;
			border-bottom: 1px double #171717;
			border-top: 1px double #171717;
			border-left:1px double #333333;
			border-right:1px double #333333;
			font-size:14px;
			font-family: Tahoma, Arial;
			line-height: 100%;
			color: white;



		}
 
		div.box .wiadomosc {
			padding:7px 7px;
			width:350px;
			background:#262626;
			border-bottom: 1px double #171717;
			border-top: 1px double #171717;
			border-left:1px double #333333;
			border-right:1px double #333333;
			overflow:hidden;
			height:150px;
			font-size:14px;
			font-family: Tahoma, Arial;
			line-height: 100%;
			color: white;



		}
 
		div.box .button	{
			margin:0 0 10px 0;
			padding:4px 7px;
			background:#82b922;
			border:0px;
			position: relative;
			top:10px;
			left:382px;
			width:100px;
			border-bottom: 1px double black;
			border-top: 1px double black;
			border-left:1px double black;
			border-right:1px double black;
		}




		h2  {

			font-size: 22px;
			font-family: Tahoma, Arial;
			color: black;
			padding:5px 0 5px 5px;
			

			}



#przerwa {

	background-color: white;
	width: 900px;
	height: 10px;
	dislay: block;

}

table {
  
  width: 90%;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  vertical-align: center;
  margin-bottom: 42px;
  margin-top: 36px;
  -webkit-box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.64);
-moz-box-shadow:    0px 7px 5px 0px rgba(0, 0, 0, 0.64);
box-shadow:         0px 7px 5px 0px rgba(0, 0, 0, 0.64);
background-color: rgba(72, 95, 35, 1);
	margin-left: auto;
margin-right: auto;
	
}

table tr {
  text-align: center;
  vertical-align: center;
  padding: 10px;
  border: 1px solid rgba(177, 177, 177, 1);
}

table th.grey {
  background-color: #E3E3E3;
}


table th {
  border: 1px solid rgba(177, 177, 177, 1);
padding: 10px;
font-family: Verdana,Tahoma,Arial;
text-align: center;
color: #1A3446;
background-color: #F3F3F3;
font-size: 13px;
font-weight: normal;
line-height: 120%;
  	
}

#container h5 {
    font-family: Tahoma,"Palatino Linotype","Times New Roman",Times;
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 36px;
    line-height: 100%;
}

#container a {

font-family: Verdana, Tahoma, "Palatino Linotype", "Times New Roman", Times;
	font-size: 13px;
	color: white;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;
	
	}