diff --git a/css/stylesheet.css b/css/stylesheet.css
index d2992d4..64a6b5d 100644
--- a/css/stylesheet.css
+++ b/css/stylesheet.css
@@ -263,3 +263,45 @@ a {
 .cf {
   zoom:1;
 }
+
+.noteclassic, .noteimportant, .notewarning, .notetip {
+  margin: 2em;
+  margin-left: auto;
+  margin-right: auto;
+  width: 70% !important;
+  min-height: 40px;
+  clear: both;
+  text-align: justify;
+  vertical-align: middle;
+  border-collapse: collapse;
+  padding: 15px 20px 15px 80px;
+  background-position: 20px 50%;
+  background-repeat: no-repeat;
+  -moz-border-radius: 20px;
+  -khtml-border-radius: 20px;
+  border-radius: 20px;
+}
+
+.noteclassic {
+  border: 2px solid #99D;
+  /*background-color: #eef;*/
+  background-image: url(../images/note.png);
+}
+
+.noteimportant {
+  border: 2px solid #ff0;
+  /*background-color: #ffc;*/
+  background-image: url(../images/important.png);
+}
+
+.notewarning {
+  border: 2px solid #d99;
+  /*background-color: #fdd;*/
+  background-image: url(../images/warning.png);
+}
+
+.notetip {
+  border: 2px solid #9d9;
+  /*background-color: #dfd;*/
+  background-image: url(../images/tip.png);
+}
diff --git a/images/important.png b/images/important.png
new file mode 100644
index 0000000..dc8c8a4
Binary files /dev/null and b/images/important.png differ
diff --git a/images/note.png b/images/note.png
new file mode 100644
index 0000000..df1e0a9
Binary files /dev/null and b/images/note.png differ
diff --git a/images/tip.png b/images/tip.png
new file mode 100644
index 0000000..2000f20
Binary files /dev/null and b/images/tip.png differ
diff --git a/images/warning.png b/images/warning.png
new file mode 100644
index 0000000..3c8a37d
Binary files /dev/null and b/images/warning.png differ