Estoy acondicionando una pagina a la nueva normativa europea sobre cookies. he hecho un div
Código:
  
Aqui pongo un enlace que va a una segunda capa o pagina que facilita mas informacion sobre el sitio y las cookies que utiliza. <div id="cookies">
        Esta web utiliza cookies de terceros para obtener un análisis de
        sus hábitos de navegación. Si continua navegando, consideramos
        que acepta su uso. Puede cambiar la configuración u obtener más
        información <a href="..............l"> aquí</a>.
    </div>
El codigo css del div es el siguiente
Código:
  
Mi pregunta es la siguiente:div#cookies{
	position: absolute;
	right: 600px;
	left: 0px;
	top: 0px;
	width:424px;
	height: 70px;
	background-color:#999999;
	color:white;
	text-align:center;
	font-family: Verdana,Arial,serif,cursive,monospace,sans-serif,fantasy;
	font-size: 12px;
  	font-weight: normal;
  	border: 1px solid red;
}
Me guataria ocultar con CSS este div a los 3 o cuatro segundos.
¿se puede hacer con CSS?
Si es asi os ruego que me ilumineis. Si no, que otra forma tengo preferiblemente que no sea javascript.
Gracias por vuestras respuestas.
 
 



