@charset "utf-8";
#headerPanleft{
	width:180px;
	height:570px;
	float: left;
	clear: left;
}

#headerPanleft #solution{
	float:left;
	width:180px;
	height:60px;
	position:relative;
	margin:13px 0 0 0;
	background:url(../gumb/logo10e.png) 0 0 no-repeat;
}
#headerPanleft #solution h2{
	width:100px;
	height:30px;
	display:block;
	position:absolute;
	left:58px;
	top:-5px;
	margin:14px 0 5px 0px;
	color:#FF0000;
	text-transform:uppercase;
	line-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#headerPanleft #solution p{
	width:100px;
	height:10px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#666666;
	background:#fff;
	margin:34px 0 0 0px;
	top: 8px;
	left: 59px;
}
#headerPanleft #solution a{
	text-decoration:none;
	display:block;
	width:100px;
	height:60px;
}
#headerPanleft #solution:hover{
	background-position: right;
}

#headerPanleft #web{
	float:left;
	width:180px;
	height:60px;
	position:relative;
	margin:13px 0 0 0;
	background:url(../gumb/web10c.png) 0 0 no-repeat;
}
#headerPanleft #web h2{
	width:100px;
	height:29px;
	display:block;
	position:absolute;
	left:60px;
	top:-6px;
	margin:14px 0 5px 0px;
	color:#FF0000;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
#headerPanleft #web p{
	width:100px;
	height:10px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#666666;
	margin:34px 0 0 81px;
	left: -20px;
	top: 9px;
}
#headerPanleft #web a{
	text-decoration:none;
	display:block;
	width:100px;
	height:60px;
}
#headerPanleft #web:hover{
	background-position: right;
}


#headerPanleft #marketing{
	float:left;
	width:180px;
	height:60px;
	position:relative;
	margin:13px 0 0 0;
	background:url(../gumb/marketing10c.png) 0 0 no-repeat;
}
#headerPanleft #marketing h2{
	width:90px;
	height:10px;
	display:block;
	position:absolute;
	left:58px;
	top:0px;
	margin:14px 0 5px 0px;
	color:#FF0000;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 12px;
	font-weight: normal;
}
#headerPanleft #marketing p{
	width:100px;
	height:10px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#666666;
	margin:34px 0 0 0px;
	left: 59px;
	top: 1px;
}
#headerPanleft #marketing a{
	text-decoration:none;
	display:block;
	width:100px;
	height:60px;
}
#headerPanleft #marketing:hover{
	background-position: right;
}
#headerPanleft #dizajn{
	float:left;
	width:180px;
	height:60px;
	position:relative;
	margin:13px 0 0 0;
	background:url(../gumb/oko10d.png) 0 0 no-repeat;
}
#headerPanleft #dizajn h2{
	width:100px;
	height:30px;
	display:block;
	position:absolute;
	left:57px;
	top:-3px;
	margin:14px 0 5px 0px;
	color:#FF0000;
	text-transform:uppercase;
	line-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#headerPanleft #dizajn p{
	width:90px;
	height:20px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#666666;
	margin:34px 0 0 0px;
	left: 58px;
	top: 6px;
}
#headerPanleft #dizajn a{
	text-decoration:none;
	display:block;
	width:90px;
	height:62px;
}
#headerPanleft #dizajn:hover{
	background-position: right;
}

#headerPanleft #Google_marketing{
	float:left;
	width:180px;
	height:60px;
	position:relative;
	margin:13px 0 0 0;
	background:url(../gumb/inetrnet10c.png) 0 0 no-repeat;
}
#headerPanleft #Google_marketing h2{
	width:100px;
	height:29px;
	display:block;
	position:absolute;
	left:-23px;
	top:-5px;
	margin:14px 0 5px 81px;
	color:#990000;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
#headerPanleft #Google_marketing p{
	width:110px;
	height:10px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#666666;
	margin:36px 0 0 81px;
	left: -23px;
	top: 3px;
}
#headerPanleft #Google_marketing a{
	text-decoration:none;
	display:block;
	width:100px;
	height:60px;
}
#headerPanleft #Google_marketing:hover{
	background-position: right;
}

#headerPanleft #tisak{
	float:left;
	width:180px;
	height:60px;
	position:relative;
	margin:13px 0 0 0;
	background:url(../gumb/zagreb10c.png) 0 0 no-repeat;
}
#headerPanleft #tisak h2{
	width:110px;
	height:10px;
	display:block;
	position:absolute;
	left:-23px;
	top:-11px;
	margin:14px 0px 5px 81px;
	color:#FF0000;
	text-transform:uppercase;
	line-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#headerPanleft #tisak p{
	width:119px;
	height:20px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#666666;
	margin:34px 0 0 81px;
	left: -25px;
	top: 4px;
}
#headerPanleft #tisak a{
	text-decoration:none;
	width:180px;
	height:60px;
}
#headerPanleft #tisak:hover{
	background-position: right;
}