/*Styl dla panelu Technologie*/
.tech-menu{
	width:1000px;
	position:relative;
	margin:10px auto 0 auto;
	padding-bottom: 20px;
}
.tech-menu li{
	float:left;
	width:248px;
	height:300px;
	margin:20px 0 20px 0;
}
.tech-menu li a{
	display:block;
	overflow:hidden;
	background:#fff;
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
	border-style:solid;
     border-width:1px;
    border-color:#ddd;
}
.tech-menu li a h4{
	color:#000;
	font-family: arial, serif; 
	font-size:14px;
	font-weight:light;
	text-transform:uppercase;
	position:absolute;
	padding:10px;
	width:220px;
	top:140px;
	left:0px;
}
.tech-menu li a:hover h4{
	color:#fff;
}
.tech-menu li a h5{
	font-family: Arial, serif; 
	font-size:11px;
	font-style:normal;
	color: #111;
	position:absolute;
	top:248px;
	left:0px;
	width:220px;
	padding:10px;
}
.tech-menu li a:hover h5{
	color:#fff;
}
.tech-icon{
	width:200px;
	height:100px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	left:20px;
	top:30px;
}

.tech-icon a:hover span {
background-position: -82px -41px;}

.tech-menu li a:hover{
	background-color:#17a4e2;
}

.tech-icon-knx{
	
	background-image:url(../images/knx.png);
	}
	
 a:hover .tech-icon-knx  {
	background-image:url(../images/knx.png);
	background-position: 0 -100px;
	}

.tech-icon-enocean{
	background-image:url(../images/enocean.png);
}
a:hover .tech-icon-enocean  {
	background-position: 0 -100px;
}

.tech-icon-gira{
	background-image:url(../images/gira.png);
}
a:hover .tech-icon-gira  {
	background-position: 0 -100px;
}
	
.tech-icon-wago{
	background-image:url(../images/wago.png);
}
a:hover .tech-icon-wago  {
	background-position: 0 -100px;
}