td.-sl-map-empty {
	width: 20px;
}


.-sl-bg {
	background-image: url("ignasi_pattern_s2.png");
}

body.-sl-body {
	font-size: 18px;
}

li.-sl-topic-current  {
	font-size: 15px;
}

ul.-sl-topic-book {
	font-size: 14px;
}


span.date {
	color: gray;
	font-family: Arial;
	font-size: 14px;
}

p.date {
	margin-top: 5px;
	font-family: Arial;
	font-size: 12px;
	color: gray;
}

sup.note, sup.note a {
	font-family: Arial;
	color: blue;
	font-weight: bold;
} 


sup.note a {
	text-decoration: none;
	border: 1px solid transparent;
}

sup.note a:hover {
	background: yellow;
	border: 1px dotted  #8080FF;

}

a.vlink {
	display: block; 
	float: right;
	margin-left: 30px;
	margin-bottom: 20px;
	border: 4px solid #A0A0A0;
}

a.vlink table td img {
	/* max-width: 400px; */
	height: auto;
}


a.vlink table {
	border-collapse: collapse;
}

a.vlink table img {
	display: block;
	
}

a.vlink table td {
	padding: 0px;
	border-bottom: 2px solid #A0A0A0;
}

a.vlink table th {
	padding: 5px;
}

a.vlink table th img {
	float: left;
}

a.vlink:hover {
	border: 4px solid blue;
}

table.graph {
	float: right;
	margin-right: 20px;
}

table.graph img, table.study img {
	border: 4px solid lightblue;
	margin-left: 15px;
}



table.graph img:hover, table.study img:hover, table.study2 img:hover {
	border: 4px solid blue;
}

table.graph img {
	display: block; 
	margin-left: 30px;
	margin-bottom: 20px;
	width: 400px;
	height: auto;
}

table.graph a:hover, table.study a:hover, table.study2 a:hover {
	background: none;
}

table.study {
	background: url(groovepaper.png);
	border: 1px dotted gray;
}

table.study {
	padding: 10px;
}

table.study2 {
	background: url(groovepaper.png);
	border-collapse: collapse;
	border: 2px solid gray;
}


table.study2 img {
	border: 4px solid lightblue;
	width: 100px;
}


table.study th {
	border-bottom: 1px solid lightgray;
}



table.study td {
	font-style: italic;
	padding-top: 10px;
	vertical-align: top;
}

table.study2 td {
	vertical-align: middle;
	border-bottom: dotted gray 1px;
	padding: 15px;

}

table.study2 th {
	padding: 15px;
	vertical-align: top;
	border-bottom: dotted gray 1px;
}




img.right {
	float: right;
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
}

img.left {
	float: left;
	margin-right: 30px;
}

table.info {
	border-collapse: collapse;
	background-color: #F0F0F0;
	border: 3px solid lightgray;
	font-size: 16px;
}

table.info th {
	padding: 5px;
}

table.info th, table.info td {
	border: 1px solid lightgray;
}

table.info td {
	padding: 5px;
	font-size: 16px;
}



hr.break {
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
}