/* Put your custom CSS here */

body {
    font-family: Content-font, Roboto, sans-serif;
    font-size: 14px;
    font-weight: 150;
    line-heigth: 26px:
	text-rendering: optimizelegibility;
}

code {
    font-size: 16px;
    color: #0077d8;
}

.left {
    margin-left: 0px;
}

div.jb_cell {
    width: 100%;
}

.output_png img, p img {
    max-width: 900px;
}

.margin-caption{
    font-weight: bold;
}


.c-textbook__content, .c-textbook__footer {
    max-width: 900px;
}

.c-textbook__sidebar {
	background-color: rgb(221, 221, 221);
}

.c-page__nav__prev, .c-page__nav__next {
	border: 1px solid rgb(230,236,241);
}

.cuidado {
	padding: 1em 1em 1em 4em;
	margin-bottom: 10px;
	background: #f5f5f5 5px center/3em no-repeat;
	background-image: url("../images/exclamation_mark.png");
    border-radius: 25px;
    border: 2px solid #AD7321;
}

.importante {
    color: rgb(221, 0, 0);
	padding: 1em 1em 1em 4em;
	margin-bottom: 10px;
	background: #f5f5f5 5px center/3em no-repeat;
	background-image: url("../images/note.png");
}