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

/* //////////////   IMATGE //////////////// */

#cctv {
	position:relative;
	width:334px;
	height:300px;
	background-image:url(../imatges/cctv.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#d3f297;
	float:left;
	text-align:justify;
	border:2px solid #000000;
}
#trampa {
	position:relative;
	width:334px;
	height:300px;
	background-image:url(../imatges/camera2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#d3f297;
	text-align:justify;
	float:right;
	border:2px solid #000000;
}
#online {
	position:relative;
	width:334px;
	height:300px;
	background-image:url(../imatges/streeming.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#d3f297;
	float:left;
	border:2px solid #000000;
	text-align:justify;
	margin-top:4px;
}
#hq {
	position:relative;
	width:334px;
	height:300px;
	background-image:url(../imatges/hd3.jpg);
	background-position:top;
	background-color:#d3f297;
	background-repeat:no-repeat;
	float:right;
	border:2px solid #000000;
	text-align:justify;
	margin-top:4px;
}
#hq:hover, #online:hover, #trampa:hover, #cctv:hover {
	border:2px solid #CC4B02;
}
#cctv a, #hq a, #trampa a, #online a {
	display: block;
	outline:none;	
	width:334px;
	height:300px;
}   
#contenido{
	font-size:small;
	position: absolute;
	bottom:0;
	padding:5px;
}
h4 {
	font-size:18px;
	color:#000000;
}
h4 a, h4 a:hover {
	text-decoration:none;
	color:#000;
	display:inline;
}
* html h4 {
	margin-top:20px;
}