/*CSS Para graficar la grafica del globo*/

.demo-container {
    float: left;
    align-items: center;
	box-sizing: border-box;
	width: 200px;
	height: 10%;
	padding: 5px 1px 5px 1px;
	margin: 1px auto 50px auto;
	border: 1px solid #ddd;
	background: #333;
    text-align: center;
}

.demo-placeholder {
	width: 200px;
	height: 200px;
	font-size: 14px;
	line-height: 1.2em;
    margin: auto;
}

/*Separamos la página en dos columnas después del menú*/
.column.center
{
    float: left;
    align-items: center;
    padding-left: 10px;
    width: 100%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
/*Estilo para los links generados*/
a.links:link, a.links:visited {
    background-color: #333;
    color: white;
    padding: 10px 10px;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #a8a8a8;
}


a.links:hover, a.links:active {
    background-color: CornflowerBlue;
}