#header{
	position: absolute;z-index: 2000;width: 200px; margin:0px 0px 0px 0px; 
}
#header2{
	position: absolute;z-index: 2000;width: 200px; margin:0px 0px 0px 530px;
}
#header h1{
	font-size: 20px;text-transform: uppercase;color: rgba(255,255,255,); 
}
#navigation {
	margin-top: 20px;width: 235px;	display:block;list-style:none;z-index:3;

}

#navigation a{
	color:rgb(0,148,86);display: block;line-height: 30px;padding: 0px 20px;
	text-transform: uppercase;margin-bottom: 6px;font-size: 11px; text-decoration:none; font-family: "Arial Black", Gadget, sans-serif;
}
#navigation a:hover {
	background:rgb(255,255,255);
}
.content{
	position: absolute;margin:30px 0px 0px 350px; width:200px; height:300px;padding-bottom: 30px;
}
.content h2{/*titulo apartado*/
	font-size: 50px;padding: 100px 0px 20px 0px;margin-top: 52px;color: #fff;color: rgba(255,255,255,0.9);

}
.content p{/*texto que aparece*/
	font-size: 14px;padding: 10px;line-height: 24px;color: #FFF;background:rgb(0,148,86);padding: 10px; font-family: Arial, Helvetica, sans-serif; margin: 3px 0px 0px -50px;
	
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.content p{/*texto que aparece*/
	font-size: 14px;padding: 10px;line-height: 24px;color: #FFF;background:rgb(0,148,86);padding: 10px; font-family: Arial, Helvetica, sans-serif; margin: 3px 0px 0px -50px;
 
}
}
.panel{
	position: absolute;width:800px;height:500px;margin-top: -150%; background-color:rgb(239,254,221);
	z-index:2; 
	
}
/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.panel{
	position: absolute;width:800px;height:0px; margin:300px 0px 0px 0px;
 
}
}
.panel:target{
	opacity: 1;
	margin-top: 0%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.panel:target{
	opacity: 1;
	margin-top: 0%;
 
}
}
#ceramica:target ~ #header #navigation #link-ceramica,
#materiales:target ~ #header #navigation #link-materiales,
#rejunteo:target ~ #header #navigation #link-rejunteo,
#imprimaciones:target ~ #header #navigation #link-imprimaciones,
#herramientas:target ~ #header #navigation #link-herramientas,
#aislamiento:target ~ #header #navigation #link-aislamiento,
#fontaneria:target ~ #header #navigation #link-fontaneria,
#hormigon:target ~ #header #navigation #link-hormigon,
#mortero:target ~ #header #navigation #link-mortero,
#wedi:target ~ #header #navigation #link-wedi,
#escayola:target ~ #header2 #navigation #link-escayola,
#tejados:target ~ #header2 #navigation #link-tejados,
#ladrillos:target ~ #header2 #navigation #link-ladrillos,
#aridos:target ~ #header2 #navigation #link-aridos,
#seguridad:target ~ #header2 #navigation #link-seguridad,
#premarco:target ~ #header2 #navigation #link-prmarco,
#vidrio:target ~ #header2 #navigation #link-vidrio,
#sacos:target ~ #header2 #navigation #link-sacos,
#madera:target ~ #header2 #navigation #link-madera{
	background:rgb(0,148,86);
	color: #fff;
}