/*clase para el marco del mensaje*/
.mensaje{
position:absolute; /*posisionamiento el mensaje*/
display:none;/*ocultar mensaje*/
top:40%;/*cordenada al tope de la pagina*/
left:40%; /*cordenada a la izquierda de la pagina*/
padding-top:8px;/*separacion para el texto del titulo*/
width:275px;/*tamaņos del marco*/
height: 115px;
font: 80% arial,sans-serif;/*tipo y tamaņo de fuente*/
text-align:left;/*alineacion del texto*/
background:#e4e4e4;/*color de fondo*/
/*bode y sobra del marco*/
-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; 
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}
/*clase para el titulo del mensaje*/
.mensaje:before {/*propiedad del mensaje par mostrar el texto*/
text-transform: uppercase; /*transformacion a mayusculas*/
content: ""attr(name);/*atributo para el contenido del titulo*/
background:#e4e4e4;/*color de fondo*/
}
/*tipos de mensajes*/
.alerta:after { /*declaracion para propiedad posterior de la clase*/
width:275px;/*tamaņo del contenido del mensaje*/
height:80px; 
float:left;/*alineacion a la izquierda*/
/*imagen por url de internet y atributo del texto del mensaje*/
content: url("http://t0.gstatic.com/images?q=tbn:ANd9GcRbfnv9DLapxWH1meiGo774r3HDzkLrq71iWHtOkRYPBf7kq94Wog")attr(text);
background:#f4f4f4;
}

/*clase para el boton cerrar del mensaje*/
.boton_cerrar{
float:right;
background:#f4f4f4;
-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; 
}