footer{
	text-align: center;
}

#blocklyCode{
	border: 2px solid #eee;
	border-width: 0px 2px 2px 2px;
}

/* Codigo CSS especial para telefonos */
/* Codigo usando less: @media (min-width: @screen-sm-min) { */


@media (max-width: 600px) {
	.jumbotron {
		padding:5px !important;
		margin:5px !important;
	}
	.jumbotron h2{
		font-size: 16px !important;
		font-weight: bolder;
	}
	.jumbotron p {
		font-size: 14px !important;
	}
}

@media (max-width: 768px) {
	#loginForm label{
		display: none;
	}
	#loginForm h1 {
		font-size: 26px;
	}
}
@media (max-width: 1000px) {
	#loginImage{	
		display: none;
	}
}

@media (max-height: 450px) {
	#blocklyDiv{
		height: 300px;
	}
	#blocklyCode{
		height: 300px;
	}
}
@media (max-height: 400px) {
	#blocklyDiv{
		height: 250px;
	}
	#blocklyCode{
		height: 250px;
	}
}
@media (min-height: 450px) {
	#blocklyDiv{
		height: 450px;
	}
	#blocklyCode{
		height: 450px;
	}
}
.alert-danger a {
	color: red;
}
.alert-danger a:hover {
	color: red;
}

#tablaEstilos th{
	padding:0 10px;
	vertical-align: top;
}