/********************************************************************
HTML Tag styles
********************************************************************/
body, table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt
}

h1 {
	color: #999;
	font-size: 20px;
	font-weight: bold;
}

h2 {
	color: #006;
}

h3 {
	color: #999;
}

h4 {
	color: #00F;
	font-size:18px;
}

hr {
  border-top: 1px solid #dddddd;
}

/********************************************************************
Custom CSS (Class) styles
********************************************************************/
table.module-contents td {
	padding: 5px;
	border: 0px;
	margin: 0px;
	vertical-align: baseline;
}

.module-contents a {
	xbackground: url(../images/black-bullet.gif) no-repeat 0px 4px;
	xpadding-left: 15px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.section-title {
    font-size: 12pt;
    font-weight: bold
}

.exercise-title {
    font-size: 10pt;
    font-weight: bold
}

.color_botones { background-color: #EEEEE0 }

.align-exercise { 
	text-align: left;
	background-color: #FFFFFF
}

.note {	
	font-size : 10px;
	color:#000000;
}

.example {
	color: #c00;
}

.highlight {
	color: #c00;
}

.incorrectexample {
	color: #c00;
	text-decoration: line-through;
}

/********************************************************************
Specific ID attribute
********************************************************************/
#content {
	width: 600px;
	padding-left:20px;
}

#copyright {
	padding: 10px;
	font-size: 10px;
	text-align: center;
}

#grammar h2 {
	color: #000;
}
/* styles for sample material */
.demo {
	color: #f00;
}

.sample {
	border: 1px solid #ccc;
	padding: 0px 20px;
	background: #eee;
	margin-bottom: 10px;
	display: table;
}