@charset "utf-8";
/* CSS Document */

@font-face {font-family: 'hel3';src: url('font/technik1.otf');}
@font-face {font-family: 'hel4';src: url('font/Hel3.otf');}

html{ min-width:980px; min-height:795px	}

body { 
	background-image:url(img/hb.png); 
	background-position:top; 
	background-repeat:no-repeat;
	margin: auto;
	padding: 0;
	font-family:'hel4';
	color: #000;
}
ul, ol, dl {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;padding-right: 15px;
	padding-left: 15px;
	}
h1 { font-size:34px;}
h2 { font-size:26px;}	
h3 { font-size:22px; display:inline-block; background-color:#FF4422; color:#FFF;}
h4 { font-size:16px;}
.flprawo { float: right; }
.fllewo {float: left; padding-left:20px;}
a img {border: none;}
a:link {
	color:#414958;
	text-decoration: none
	}
	a:visited {	
				color: #4E5869;	
				text-decoration: none;
				}
	a:hover, a:active, a:focus {
				text-decoration: none;
				}
	a:active, a:visited {
				outline: 0;
				}
#kontener{
	width: 980px;
	height: 946px;
	margin: 0px auto 0px auto;}
	
	#logo {width:255px; 
			height:60px;
			display:block;
			float:left; 
			margin-left:5px; 
			margin-top:60px; 
			border:none;}
	#kontener #menu{
			width: 725px;
			height: 65x;
			display: block;
			float: left;
			margin-left:208px;
			margin-top:-42px;
			position: relative;}
	#kontener #panel1{
			width: 400px;
			height: 365px;
			display: block;
			float: left; margin-left:30px;
			position: relative;
			text-align:justify;
			z-index: 99;
			}
	#kontener #panel2{
			width: 440px;
			height: auto;
			display: block;
			float: left;
			margin-top:-80px;margin-left:30px; padding-bottom:10px;
			position: relative;
			text-align:justify;
			z-index: 99;
			}
	#kontener #panel3{
			width: 950px;
			height: auto;
			display: block;
			float: left;
			margin-left:30px; padding-bottom:10px;
			position: relative;
			text-align:justify;
			z-index: 99;
			}
	#naglowek { 
			width: 980px;
			height: 300px;
			display:block; 
			position: absolute;
			margin-top:130px;
			z-index:1001;}
			
			.ogolny 	{background-image:url(img/hfr1.png); background-repeat:no-repeat;}
			.referencje {background-image:url(img/hfr_ref.png); background-repeat:no-repeat;}
			.kontakt	{background-image:url(img/hfr_kon.png); background-repeat:no-repeat;}
			.klienci	{background-image:url(img/hfr_kl.png); background-repeat:no-repeat;}

		#kontener #mapa{
					width: 470px;
					height: auto;
					display: block;
					float: left;
					margin-top:-460px;margin-left:5px; padding-bottom:10px;
					position: relative;
					z-index: 97;
					}
		#kontener #dane{
				width: 400px;
				height: 430px;
				display: block;
				float: left;
				margin-top:-50px;
				margin-left:550px; 
				padding-bottom:10px;
				position: relative;
				text-align:justify;
				z-index: 92;
				}
img.flprawo {margin-top:280px;}
.li { margin-left:60px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/*menu*/
.modern-menu {margin-top: 50px;}
.modern-menu.t1 {margin-top: 1px; margin-left:98px;}
.modern-menu {width: 900px;	height: 65px;font-family: 'hel4', sans-serif;font-size: 16px;font-weight: bold;position: relative;clear: both;}
.modern-menu, .modern-menu ul {list-style: none;margin: 0;padding: 0;}
.modern-menu li {position: relative;}
.modern-menu a {height: 100%;text-decoration: none;	display: block;	position: relative;	overflow: hidden;z-index: 101;border: none;}
.modern-menu a span {line-height: 40px;	padding: 0 10px;display: block;}
.mm-container.mm-drop span {padding-right: 15px;}
.mm-horizontal span {float: left;}
.mm-hdrop, .mm-hdrop-over, .mm-vdrop, .mm-vdrop-over {background-repeat: no-repeat;	background-position: center right;padding-right: 20px;}
.modern-menu > li {	float: left;}
.modern-menu ul span {line-height: 36px;}
.modern-menu li > ul {width: 155px;	font-size: 14px;position: absolute;	left: -5000px;opacity: 0;z-index: 100;}
.modern-menu ul ul {float: right;top: 0;}
.t1 {background-color: transparent;}
.t1 a span {color: #000;background-color: #fff;}
.t1 .mm-over {color: #fafafa;background-color: #ff4422;}

footer { 
	width:970px; 
	height:60px;
	background-image:url(img/foot.png);  
	opacity:30%; 
	margin-top:90%; 
	font-family:'hel4'; 
	font-size:14px;
	padding-left:40px; 
	color:#FFF;}
	/*background-color:#FF4422;*/
	#copy { float:left; padding-top:25px;}
	#mail { font-family:!important; font-size:18px; color:#F30;}	

.faktura {width:140px; height:30px; padding-left:20px; padding-top:8px;display:inline-block; background-color:#FF4422; color:#FFF; }
.footra { 
	float:right; 
	margin-right:20px; 
	margin-top:20px;}
#footra {margin-top:-800px;}
#footra2 {margin-top:10%;}
.buttonlight { 	
	 margin-top:15px; float: left;height: 30px;
	 line-height: 30px;
	 font-size: 12px;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	}
.buttonlight:link, .buttonlight:visited {
	 color: #777;
	 padding: 0 20px 0 20px;
	 text-align: center;
	 text-shadow: 1px 1px 0px #fff;
	 background: #999  url(plug/assets/button/btn_light.png) repeat-x center top;
	 border: 1px solid #cdcdcd;
	 text-decoration: none;
	 font-weight: bold;
	}
.buttonlight:hover, .comment-reply-link:hover {
	 color: #fff;
	 text-shadow: 1px 1px 0px #000;
	 background: #333;
	 border: 1px solid #555555;
	 text-decoration: none;
	}
.container {
      width: 600px;
      height: 100px;
      margin-right:auto;
      margin-left:auto;
      margin-top:20px;
      margin-bottom:5px;
      font-size:11px;
	  padding-top:400px;
      }
      
      
      .item a img {
      float:left;
      padding:3px;
      background-color: #FFF;
      margin: 5px;
      border:1px solid #cccccc;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      -moz-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
			box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
      
      filter:alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      }
      
      .item a:hover img, .item a:active img {
      padding:3px;
      border:1px solid #cccccc;
      filter:alpha(opacity=80);
      -moz-opacity:0.80;
      -khtml-opacity: 0.80;
      opacity: 0.80;
      }
      
      .clearfix:after{
      clear:both;
      }
      #inline{
      visibility: hidden;
      color:#444;
      }