html{
    max-resolution: 100%;
}
body {
	margin: 0;
	padding: 0;
	background-color: #f0eee1;
	background-image: url("../img/fondo22.jpg");
	background-repeat: no-repeat;
	background-size: cover;;
	background-position: 0%;
    max-resolution: 100%;
}
@media (max-width: 600px) {
	body{
		background-position: 0%;
	}
}

#pushobj {
	position: absolute;
	top: 0px;
	/*color: #fff;*/
	color: : #243342;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-size: 1rem;;
	z-index: 1;
	margin-left: 40px;
}
#menu {
    -ms-opacity: 0.95;
    opacity: 0.95;
}

.backItemClass{
	width: 270px;
}
h2{
	/*width: 255px !important;*/
	color: #fff !important;
}
/*
	Cusco Sky table styles
	written by Braulio Soncco http://www.buayacorp.com
*/


.table_H, .table_th, .table_td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	color: #555;
	text-align:right;
}

caption {
	/*font-size: 150%;*/
	font-weight: bold;
	margin: 5px;
}

.table_th {
	padding: 4px;
}

.table_thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	/*font-size: 100% !important;*/
	height:18px;
}

tbody th {
	font-weight: bold;
}

tbody tr { background: #FCFDFE; }

tbody tr.odd { background: #F7F9FC; }

table a:link {
	color: #718ABE;
	text-decoration: none;
}

table a:visited {
	color: #718ABE;
	text-decoration: none;
}

table a:hover {
	color: #718ABE;
	text-decoration: underline !important;
}

tfoot th, tfoot td {
	/*font-size: 85%;*/
}
.cuadro{
	/*height:100px;*/
	text-align:center;
	width:14%;
	/*font-size: 12px;*/
}
.boton_cuadro{
	/*height:100px;*/
	text-align:center;
	width:100%;
	cursor: pointer;

}
.boton_cuadro .row{
	margin: 0;
    padding: 0;
}
.text_boton{
	position:relative;
	top:10%;
	color:#2967af;

}
.text_boton2{
	position:relative;
	top:35%;
	color:#2967af;
    font-size: 1rem;

}
.curso_completo{
	color:#696c7f;
}
.bloque_Semana{
	/*margin-left:5%;*/
	width:90%;
	/*height:100px;*/
	/*padding: 10px;*/
	border-bottom: 1px solid #D4E0EE;
	font-size: 1rem;
}

.menu_ul{
      list-style: none;
      list-style-type: none;
      list-style-position: outside;
}

.menu_li{
      line-height: 30px;
      font-size: 16px;
      cursor:pointer;
}
.menu_li:hover{
	color:#ffffff;
	background:#c33737;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	box-shadow:0 0 10px #999}

.menu_div{
			background-color: #fff;
      width:250px;
      position:absolute;
      border:1px solid black;
			-moz-box-shadow: 0 0 5px #888;
      -webkit-box-shadow: 0 0 5px#888;
      box-shadow: 0 0 5px #888;
}

.panel-heading span{
    margin-top: -22.5px;
    font-size: 15px;
    margin-right: -5px;
}

.clickable {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
}

/*-------------------------------------------------+++++++++++++++++++++++++--------------------------------------------*/

::-webkit-scrollbar{
  width: 6px;
  background: transparent;
}
::-webkit-scrollbar-button{
  width: 4px;
  /* height: 5px; */
  background: transparent;
}
::-webkit-scrollbar-track{
  background: #1f4164;
  border:thin solid #1a1f25;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb{
  background: #9ebad7;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
    background: #285f99;
}
/* Pseudo-clase */
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(77,161,112,.6);
}
/*****************************************LOAD********************************************************/

.bubblingG {
	text-align: center;
	width:130px;
	height:81px;
	margin: auto;
	position: absolute;
	top: 45%;
	left: 55%;
	border: 1px solid #cacaca;
	border-radius: 15px;
	background: #FFF;
	z-index: 999999;
}

.bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 41px auto;
	background: rgb(66,157,255);
	border-radius: 81px;
		-o-border-radius: 81px;
		-ms-border-radius: 81px;
		-webkit-border-radius: 81px;
		-moz-border-radius: 81px;
	animation: bubblingG 1.035s infinite alternate;
		-o-animation: bubblingG 1.035s infinite alternate;
		-ms-animation: bubblingG 1.035s infinite alternate;
		-webkit-animation: bubblingG 1.035s infinite alternate;
		-moz-animation: bubblingG 1.035s infinite alternate;
}

#bubblingG_1 {
	animation-delay: 0s;
		-o-animation-delay: 0s;
		-ms-animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
}

#bubblingG_2 {
	animation-delay: 0.3095s;
		-o-animation-delay: 0.3095s;
		-ms-animation-delay: 0.3095s;
		-webkit-animation-delay: 0.3095s;
		-moz-animation-delay: 0.3095s;
}

#bubblingG_3 {
	animation-delay: 0.619s;
		-o-animation-delay: 0.619s;
		-ms-animation-delay: 0.619s;
		-webkit-animation-delay: 0.619s;
		-moz-animation-delay: 0.619s;
}



@keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:rgb(5,38,135);
		transform: translateY(0);
	}

	100% {
		width: 39px;
		height: 39px;
		background-color:rgb(255,255,255);
		transform: translateY(-34px);
	}
}

@-o-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:rgb(5,38,135);
		-o-transform: translateY(0);
	}

	100% {
		width: 39px;
		height: 39px;
		background-color:rgb(255,255,255);
		-o-transform: translateY(-34px);
	}
}

@-ms-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:rgb(5,38,135);
		-ms-transform: translateY(0);
	}

	100% {
		width: 39px;
		height: 39px;
		background-color:rgb(255,255,255);
		-ms-transform: translateY(-34px);
	}
}

@-webkit-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:rgb(5,38,135);
		-webkit-transform: translateY(0);
	}

	100% {
		width: 39px;
		height: 39px;
		background-color:rgb(255,255,255);
		-webkit-transform: translateY(-34px);
	}
}

@-moz-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:rgb(5,38,135);
		-moz-transform: translateY(0);
	}

	100% {
		width: 39px;
		height: 39px;
		background-color:rgb(255,255,255);
		-moz-transform: translateY(-34px);
	}
}
.cargando {
	position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999998;
    top: 0;
    left: 0;
}
.levelHolderClass ul{
    overflow-y: auto;
}
/****************************************** cambio de tamaño del body *************************************/
@media (max-width: 480px){
	body{
		background-position:center;
		background-size: 200% 100% !important;
	}
}
@media (max-width: 800px){
	body{
		background-position:center;
		background-size: 100% 100%;
	}
}

iframe{
	position: absolute;
	width: 98%;
	min-height: 90%;
	border: 0;
	/* top: 0; */
	/* left: 0; */
}