body {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(207,231,250,1)), color-stop(100, rgba(99,147,193,1)));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);

	/* W3C Markup */ 
	background-image: linear-gradient(to bottom, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);
	font-family: 'Roboto', 'sans-serif';
	width: 900px;
	margin: 0 auto;
    line-height: 1.5;
}
#caja section{
	border: 2px solid DarkBlue;
	border-radius: 15px;
	padding: 10px;
}
#caja header h1{
	background-color: DarkBlue;
	color: White;
	text-align: center;
}
#caja ol{
	line-height: 1;
}
#caja ol>li{
	padding-bottom: 10px;
}
#caja section article{
	padding-top: 5px;
}
#caja section article h2{
	padding-top: 5px;
	color: DarkBlue;
}
#caja section article h3{
	color: DodgerBlue;
}
#contenedor{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#contenedor .panel{
	padding: 2px;
	margin: 2px;
	border: 1px solid darkblue;
	width: 280px;
	height: 300px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#contenedor .subpanel{
	width: 280px;
	height: 150px;
}
#contenedor p.subpanel{
	padding: 5px;
}
article .min{
	width: 50px;
}
article .med{
	width: 100px;
}
article .max{
	width: 200px;
}
article .extmax{
	width: 400px;
}
article #svg_container{
	text-align: center;
	border: 1px solid darkblue;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: -6px -6px 6px #0B35DE;
	-webkit-box-shadow: -6px -6px 6px #0B35DE;
	box-shadow: -6px -6px 6px #0B35DE;
	border-radius: 24px;
	margin: 15px;
}
#caja section aside {
	width: 550px;
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	border: 1px solid #000;
	border-radius: 24px;
	-moz-box-shadow: -6px -6px 6px #888;
	-webkit-box-shadow: -6px -6px 6px #888;
	box-shadow: -6px -6px 6px #888;
	margin: 0 auto;
	padding: 10px;
}
#caja section aside p{
	font-size: 0.9em;
}
#caja section aside .indentado{
	margin-left: 40px;
}
#caja section article table{
	border: 1px solid darkblue;
	margin-top: 20px;
	width: 550px;
	height: 310px;
	padding: 5px;
	margin: 0 auto;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	border-collapse: collapse; border-spacing: 0;
	}
#caja section article table th,td{
	width: 100%;
	border: 1px solid darkblue;
	vertical-align: middle;
	text-align: center;
}
#caja footer p{
	color: darkblue;
	border-top: 1px solid darkblue;
	margin-top: 30px;
	padding-top: 5px;
	font-size: 0.75em;
	text-align: right;
}
#caja h2.top{
	margin-top: 0.2em;
}