table, th, td, tbody {
  border: 1px solid;
}
tr:nth-child(even) {background-color: #f2f2f2;}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}


pre {
   background: #eee;
   border-left: 10px solid #9684A3;
   border-radius: 10px;
   padding: 10px;
   letter-spacing: .5px;
   font-size: 10pt;
   color: #000;
}

p.note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #3498db;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.warning
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f9e7e5;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #c0392b;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.example
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #27ae60;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #f1c40f;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.noteAlt
{
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #3498db;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.warningAlt
{
	background-color: #fcf7f2;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.exampleAlt
{
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #2ecc71;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.tipAlt
{
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #f1c40f;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}


/*Div styles*/

div.note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #3498db;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.warning
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f9e7e5;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #c0392b;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.example
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #27ae60;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #f1c40f;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.noteAlt
{
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #3498db;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.warningAlt
{
	background-color: #fcf7f2;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.exampleAlt
{
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #2ecc71;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.tipAlt
{
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #f1c40f;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}