@charset "utf-8";
/* CSS Document */

.html {
height: 100%;
}

.body {
height: 100%;
}

.info	{
			color: #000000;

/*			font-weight:bold;*/
	
/*			font-family: 'Alex Brush';*/
			font-family: 'Alex Brush', cursive;
/*			font-family: '', cursive;*/
			font-size: large;
		}

.colortitulo {
			background-color : #CEECF5;
		}

.bginfo {
			background-color : #EFFBFB;
		}

.azu1	{
			color: #0298cd;
			font-weight:bold;
			font-family: 'Alex Brush', cursive;
			font-size: cover;
		}

.ver	{
			color: #5bbd0e;
			font-weight:bold;
			font-family: 'Alex Brush', cursive;
			font-size: cover;

		}

.azu2	{
			color: #0a00c1;
			font-weight:bold;
			font-family: 'Alex Brush', cursive;
			font-size: cover;
	
		}

.ama	{
			color: #fedc01;
			font-weight:bold;
			font-family: 'Alex Brush', cursive;
			font-size: cover;
	
		}

.nar	{
			color: #fe9d01;
			font-weight:bold;
			font-family: 'Alex Brush', cursive;
			font-size: cover;
	
		}

.roj	{
			color: #ff5700;
			font-weight:bold;
			font-family: 'Alex Brush', cursive;
			font-size: cover;
	
		}

.imgbackind{
			background-image: url('../img/mirookg.gif');
			background-repeat: no-repeat;
			background-size: cover;
/*	
			-webkit-background-size: cover;
       		-moz-background-size: cover;
        	-o-background-size: cover;
*/        	/*height:100%*/;
		}

.bienvenida-tutor {
			color: #5bbd0e;
			font-weight:bold;
		}

.text-on-pannel {
  background: #fff none repeat scroll 0 0;
  height: auto;
  margin-left: 20px;
  padding: 3px 5px;
  position: absolute;
  margin-top: -47px;
  border: 1px solid #337ab7;
  border-radius: 8px;
}

.panel {
  /* for text on pannel */
  margin-top: 27px !important;
}

.panel-body {
  padding-top: 30px !important;
}

.ayuda {
	display : inline-block;
	font-size: 1.5em;
	font-style: italic;
	}

.ayuda-derecha {
	text-align: right;
	}

.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
    top: 0.1rem !important;
    left: -2rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.custom-control-lg .custom-control-label {
    margin-left: 0.5rem !important;
    font-size: 1rem !important;
}

/*#draggable { width: 150px; height: 150px; padding: 0.5em; }*/