@font-face {
 font-family: 'lato-light';
 src: url('fonts/Lato-Light.ttf');
 }

 @font-face {
  font-family: 'lato-thin';
  src: url('fonts/Lato-Thin.ttf');
  }

 @font-face {
  font-family: 'opensans-ebi';
  src: url('fonts/OpenSans-ExtraBoldItalic.ttf');
  }

	@font-face {
   font-family: 'lato-bold';
   src: url('fonts/Lato-Bold.ttf');
   }


 @font-face {
     font-family: 'opensans-eb';
     src: url('fonts/OpenSans-ExtraBold.ttf');
       }


body

	{
		margin:		0 auto;
		margin-top:	5px;
		margin-bottom:	10px;
		background-image: url("bkg.jpg");
		background-attachment: fixed;
		font-family: 'Glegoo', sans-serif;


	}


td.hidden div {

  width: 305px;
  height: 350px;
  overflow: hidden;
}


a[href^="mailto:"]

{
   color: #ffffff;
}

b {
  font-family: 'lato-bold';
}

h2

{
	margin:10px;
	padding:0px;

	font-family: 'lato-thin';
	font-size: 28px;
}

h3
{
	font-family: 'lato-bold';
  text-transform: uppercase;
	font-size: 26px;
}

h4
{
	font-size: 12px;
}

.img

	{
	padding: 8px;
	box-shadow: 0px 0px 3px #000000;
	margin: 5px;
	height: 280px;

	}


.img_str

	{
	padding: 8px;
	/* box-shadow: 0px 0px 3px #000000; */
	margin: 5px;
	width: 500px;
	height: auto;

	}

.op-star
  {
    height:20px;
  }

.img_p

	{
	padding: 0px;
	margin: 0px;
	height: 120%;
	width: auto;
	display: block;
	margin: auto;
	align-content: center;
	}

.prod

	{
	padding: 5px;
	margin: 10px;
	float: left;
	height: 270px;
	width: 300px;
	overflow: hidden;
	background-color: #0f0f0f;
  align-content: center;
  /* border: 5px solid #0f0f0f; */
	}

.prod:hover

	{
	/* border: 2px solid #505050; */
	}

p.cl

	{
	font-size: 38px;
	color: #aaaaaa;
	}

a:link, a:visited
 {
    text-decoration: none;
    color: white;
    text-shadow: 1px 1px 1px #afafaf;
}

#menu
	{
	clear: both;
	display: block;
  text-align: center;
  vertical-align: middle;
	 /* margin-bottom: 1px; */
	}

#menu_ramka

	{
		width: 100%;
		height: 70px;
		/* background-color: #f0f0f0; */
		}

.menu {
	margin: 0 auto;
	width: auto;
	height: auto;
	display: inline-block;
	color:	#ffffff;
	padding:	16px;
	font-size:	14px;
	font-family: 'lato-thin';
	text-align: center;
}


.menu:hover {

	color:#ffffff;
	background-color:	#646464;
	text-shadow:  1px 1px 3px #000000;

	/* font-family: 'Amiko', sans-serif; */
}


#div_button
{display: none;}

#head_ramka
{
	margin:0px;
	padding:0px;
	width:100%;
	display:inline-table;
	z-index:5;
	background-color:#6d6d6d;
	vertical-align:middle;
}

#head_ramka_promo
{
	margin:3px;
	padding:0px;
	width:auto;
	display:inline-table;
	z-index:5;
	background-color:#8b1002;
	vertical-align:middle;
}

#head
{
	color:#ffffff;
	font-family: Helvetica;
	margin-left:15px;
	width: auto;
	display:block;
	margin:0px;
}


#content
		{

		width:		97%;
		margin:		0 auto;


		}

.naglowek

		{
	background-color: #fafafa;
	font-size: 40px;
	color: #505050;
	/* font-family: 'Amiko', sans-serif; */
	font-weight: bold;
	padding:	0px;
	box-shadow: 1px 1px 3px #000000;
	/* border-top-left-radius: 4px;
 	border-top-right-radius: 4px; */
 	margin-bottom:	0px;

	}

.text

		{
		clear: left;
		float: left;
		display: block;
		font-size: 18px;
		color: #ffffff;
    background-color: #0f0f0f;
		text-shadow:	1px 1px 2px #000000;
		font-family: 'Glegoo', sans-serif;
 		padding:	55px;

 		}

.klienci

		{
		clear: left;
		float: left;
    background-color: #000000;
		font-size: 14px;
    padding: 20px;
		color: #ffffff;
		text-align: justify;
		text-shadow:	1px 1px 2px #000000;
		font-family: 'lato-light';
 		/* padding:	25px; */

 		}


#ramka
		{
		float:	left;
		width:		100%;
		margin-top:	0px;
		height:		auto;
		padding:	0px;
		/* background-color: #ffffff;
		box-shadow:		0px 0px 1px #0f0f0f;
		border-top-left-radius: 8px;
 		border-top-right-radius: 8px;
 		border-bottom-right-radius: 8px;
 		border-bottom-left-radius: 8px;
 		border-top: solid 2px #f9f9f9;
		border-bottom: solid 2px #848484;
		opacity: 0.5; */
		}

#ramka_naglowek

		{
		float:	left;
		width:		100%;
		margin-top:	0px;
		padding-top: 2px;
		font-size:		12px;
		height:		20px;
		color:		#ffffff;
		font-family: 'opensans-ebi';
				}

#baner
	{
	position:		relative;
	margin-left: 	0px;
	top:			100px;
	width: 			998px;
	height:			 170px;
	padding: 0px;
	z-index:		 2;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	border-style: solid;
    border-width: 25px;
	border-color: #F9EBA0;

	}


#lewy_v
	{
	clear: both;
	float: left;
	width: 45%;
	margin: 20px;
	text-align: justify;
	text-justify: inter-word;
	}


#prawy_v
	{
	float: right;
	width: 35%;
	margin: 20px;
	/* text-align: justify; */
	/* text-justify: inter-word; */
	}

#main1
	{
	clear:	left;
	float:	left;
	margin-top: 		0px;
	margin-left:	0px;
	padding:	30px;
	width:		 auto;
	height:		 auto;
	color: #464646;
	font-size:		12px;
	font-family: 'Amiko', sans-serif;
	z-index: 	4;
		}

#main2
	{

	float:	right;
	margin-top: 	0px;
	margin-right:	20px;
	padding:	10px;
	width:		 auto;
	height:		 auto;
	font-size:		12px;
	font-family: 'Amiko', sans-serif;
	z-index: 	4;
	box-shadow: 0px 0px 2px #000000;
		}

#start

		{
			position: absolute;
			margin-top:	145px;
			margin-left:	0px;
			width:	100%;
			overflow:	hidden;
			z-index: 0;
		}

#logo
	{
	float:	left;
	margin: 15px;
	padding: 10px;
	}

#skontakt

	{
	height: 100%;

	float:	right;
	margin: 10px;
	padding: 15px;
	font-size:	14px;
	color: #ffffff;
	}

#stopka
	{
	clear: both;
	height:		auto;
  width: 96%;
  padding: 20px;
	font-size:	12px;
	color: 		#afafaf;
	background-color: #000000;
		}

.tagi
	{
	clear: both;
	margin: 10px;
	font-size: 11px;
	color:gray;

		}

#slideshow {
    position: relative;
    margin-top: 0px;
    width: 100%;
    height: 350px;
    padding: 5px;
    overflow:	hidden;

    z-index: 1;

}

#slideshow > div {
    position: absolute;
    margin-top: 0px;
    z-index: -1;
}



#cookie_txt
{
	position:relative;
	bottom:2px;
	padding:0px;
	width:970px;
	height:45px;
	z-index:5;
	text-align:center;
	font-size:15px;
	color:#000000;
}