<style type='text/css'>

/*
Description: WP-Note CSS File
Author: Luke
Author URI: http://luke.appspot.com
Date:2009-01-02
Modified Date:2009-12-29
*/

.note
{
    text-align: center;
padding:0px 0px 10px 0px;
}
.note {
background: none repeat scroll 0 0 #ccc; /* color de fondo */
color: #000000; /* color de texto */
margin: 2em auto;
overflow: hidden;
padding: 1em 1.5em;
position: relative;
width: 480px; /* ancho */
}
.note:before {
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
background: none repeat scroll 0 0 #333; /* color esquina */
border-color: #FFFFFF #FFFFFF #333 #333; /* color de borde */
border-style: solid;
border-width: 0 16px 16px 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.note.blue {background:#e6d9d4;}
.note.blue:before {border-color:#fff #fff transparent transparent; background:transparent;}
.note.taupe {
background: none repeat scroll 0 0 #999868; /* color de fondo */
color: #FFFFFF; /* color de texto */
margin: 2em auto;
overflow: hidden;
padding: 1em 1.5em;
position: relative;
width: 480px; /* ancho */
}
.note.taupe:before {
background: none repeat scroll 0 0 #BDBB8B; /* color de esquina */
border-color: #FFFFFF #FFFFFF #BDBB8B #BDBB8B; /* color de borde */
border-style: solid;
border-width: 0 16px 16px 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.note-fondo {
background: url(url-imagen) repeat scroll 0 0 #3A7F2A;
color: #FFFFFF; /* color de texto */
text-shadow: 1px 1px 1px #000;
margin: 2em auto;
overflow: hidden;
padding: 1em 1.5em;
position: relative;
width: 480px; /* ancho */
}
.note-fondo:before {
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
background: none repeat scroll 0 0 #ADF96E; /* color esquina */
border-color: #FFFFFF #FFFFFF #ADF96E #ADF96E; /* color de borde */
border-style: solid;
border-width: 0 36px 36px 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.noteclassic a, .noteimportant a, .notewarning a, .notetip a, .notehelp a {
color:#ED1B23;
font-weight:bold;
}

.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp {
width: 70%;
	margin-top:20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    padding: 15px 20px 15px 80px;
	/*margin: 0px 0px 0px 0px;*/
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
    /*IE min-height hack*/
    min-height:40px;
    height:auto !important;
    height:40px;
    overflow:visible;
    
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
    /*Set the position of the background image*/
    background-position: 20px 50%;
    background-repeat: no-repeat;
    text-align: justify;
}
.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp{
	/* IE5 hack */
	/* \margin: 10px 0px -3px 0px; */
	margin:10px;
	/* ma\rgin:  0px 0px 0px 0px; */
}

.noteclassic {
  background-color: #F3F3F3;
  background-image: url(images/note.png);
border-radius: 20px 0px;
    -moz-border-radius: 20px 0px;
    -webkit-border-radius: 20px 0px;
}

.noteimportant {
  background:#ccc;/* color del post */
color: #333; /* color del texto */
margin: 2em auto;
overflow: hidden;
padding: 1em 1.5em;
position: relative;
width: 580px; /* ancho del post*/
}
.noteimportant:before {
content:"";
position:absolute;
top:0;
right:0;
border-width:0 40px 40px 0;
border-style:solid;
border-color:#fff #fff #333 #000;/* color borde y pestaña */
background:658E15;
/* sombra pestaña opcional*/
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
}
.notewarning {
  background-color: #EBEBEB;
  background-image: url(images/warning.png);
}
.notetip {
 background:#9a769d url(http://i195.photobucket.com/albums/z105/dantearaujo/aspas.png) no-repeat scroll 10px 10px;
color:#FFFFFF;
font-family:georgia;
padding:20px 20px 20px 50px;
}
.notehelp {
  background-color: #e6d9d4;
  background-image: url(http://s40.radikal.ru/i088/1104/24/3c8a3c292382.png);
-moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-radius: 5px;
-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
-moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
  border-radius: 5px;
-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
}
</style>
