/******************************************************
			JUEGO
******************************************************/
.juego-cont {
	width:167vh;
	height:92vh;
	margin:auto;
	position:relative;
}
.juego-cont .block {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:#f2f2f2;
	opacity:0.5;
	border-radius:1vh;
}
.pag-juego .juego-cont section {
	float:left;
	width:81vh;
	height:45vh;
	position:relative;
}
.pag-juego .juego-cont section.juego-equipo { height:58vh; }
.juego-equipo .titulo b {
	display:block;
	margin-top:3vh;
}
.pag-juego .juego-cont .juego-acciones {
	position:absolute;
	height:32vh;
	bottom:0;
	margin-top:0;
}
.pag-juego .juego-bitacora, .pag-juego .juego-grafico { margin-left:3vh; }
.pag-juego .juego-acciones, .pag-juego .juego-grafico { margin-top:2vh; }
.juego-cont section .titulo {
	height:5vh;
	font-size:2.5vh;
	line-height:3vh;
	padding-top:1vh;
	padding-left:2vh;
	border-bottom:1px solid #E8DADA;
	position:relative;
}
.accion-filtros {
	position:absolute;
	width:31vh;
	right:0;
	top:1vh;
}
.accion-filtros a {
	width:3vh;
	height:3vh;
	border-radius:2vh;
	border-width:2px;
	border-style:solid;
	float:left;
	margin-left:1vh;
	position:relative;
}
.accion-filtros a.btntodos { background:#686868; border-color:#686868; margin-left:0; }
.accion-filtros a.btn1 { background:#ffbdbd; border-color:#ffbdbd; }
.accion-filtros a.btn2 { background:#def28c; border-color:#def28c; }
.accion-filtros a.btn3 { background:#efd18e; border-color:#efd18e; }
.accion-filtros a.btn4 { background:#bae5f4; border-color:#bae5f4; }
.accion-filtros a.btn5 { background:#e0d3f4; border-color:#e0d3f4; }
.accion-filtros a.btn6 { background:#fecaff; border-color:#fecaff; }
.accion-filtros a:hover, .accion-filtros a.active { border-color:#000; }
.accion-filtros a .tooltip {
	display:none;
	position:absolute;
	font-size:1.2vh;
	line-height:1.5vh;
	border-radius:1.5vh;
	height:2.5vh;
	width:22vh;
	right:-3vh;
	padding-top:0.5vh;
	text-align:center;
	top:-3vh;
}
.accion-filtros a.btntodos .tooltip { background:#686868; color:#FFF; width:17vh }
.accion-filtros a.btn1 .tooltip { background:#ffbdbd; }
.accion-filtros a.btn2 .tooltip { background:#def28c; }
.accion-filtros a.btn3 .tooltip { background:#efd18e; }
.accion-filtros a.btn4 .tooltip { background:#bae5f4; }
.accion-filtros a.btn5 .tooltip { background:#e0d3f4; }
.accion-filtros a.btn6 .tooltip { background:#fecaff; }


/***** Juego Equipo *****/
.juego-equipo .bloques {
	width:79vh;
	height:53vh;
	padding-top:1vh;
	position:relative;
	margin:auto;
}
.juego-equipo .bloque { height:17.5vh; }
.juego-equipo .bloque3 { height:15.5vh; }
.juego-equipo .bloque4 {
	right:1vh;
	top:1vh;
}
.juego-equipo .bloque1 { margin-left:30vh; }
.juego-equipo .colegio1 .bloque2 { margin-left:30vh; }
.juego-equipo .colegio1 .bloque3 { margin-left:10vh; }
.juego-equipo .colegio2 .bloque2 { margin-left:10vh; }
.juego-equipo .colegio2 .bloque3 { margin-left:10vh; }
.juego-equipo .colegio3 .bloque3 { margin-left:40vh; }
.juego-equipo .bloque1::after, .juego-equipo .bloque2::after { bottom:0.8vh; }
.juego-equipo .colegio1 .bloque2::after { width:40.2vh; left:-10.8vh; }
.juego-equipo .colegio2 .bloque1::after { width:30.2vh; left:-10.8vh; }
.juego-equipo .colegio2 .bloque2::after { width:20.2vh; left:29.2vh; }
.juego-equipo .colegio3 .bloque1::after { width:60.2vh; left:-20.8vh; }
.juego-equipo .colegio3 .bloque2::after { width:20.2vh; left:49.2vh; }
.juego-equipo .caja.ficha {
	margin:0;
	margin-right:1.5vh;
	width:18.5vh;
	height:15.5vh;
	overflow:visible;
}
.juego-equipo .caja.ficha:last-child { margin-right:0; }
.juego-equipo .ficha.caja::after { top:auto; }
.juego-equipo .ficha.caja .btn {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:2;
}
.juego-equipo .ficha-titulo {
	height:4vh;
	padding:0.8vh 1vh;
	border-top-left-radius: 1vh;
	border-top-right-radius: 1vh;
	margin: -0.3vh -0.3vh 0;
}
.juego-equipo .colegio_aprende {
	position:absolute;
	right: 2vh;
    top: 1vh;
}
.juego-equipo .ficha-nombre {
	font-size:1.8vh;
	line-height:2vh;
	height:2vh;
	padding:0.5vh 0;
}
.ficha-puntos {
	font-size:2vh;
	line-height:2.4vh;
	height:2.4vh;
	padding:0;
	width:5vh;
	float:right;
	color:#FFF;
	position:relative;
}
.ficha-puntos::after {
	content:"";
	display:block;
	width:1.4vh;
	height:2.4vh;
	background-image:url(../images/energia.png);
	background-size:100%;
	position:absolute;
	right:0;
	top:0;
}
.juego-equipo .ficha-foto {
	margin-top:1vh;
	margin-left:0.5vh;
	height:8vh;
}
.juego-equipo .caja-cargo {
	height: 2.5vh;
	font-size: 1.5vh;
	line-height: 1.8vh;
	padding: 0.3vh 0;
	text-align: center;
	margin: 0 -0.3vh -0.3vh;
	width: 18.5vh;
}
.juego-equipo .ficha-info {
	left: 12vh;
	top: 10vh;
	width: 2vh;
	z-index: 3;
}
.juego-equipo .ficha-tags {
	float:right;
	width:9.5vh;
	margin-top:0.5vh;
	margin-right:0.5vh;
}
.juego-equipo .ficha-tag {
	background:#5e1e1b;
	font-size:1vh;
	line-height:1.2vh;
	height:auto;
	padding:0.2vh 0;
	margin-bottom:0.3vh;
}
.juego-equipo .ficha.caja.drag2 { height:4vh; }
.juego-equipo .ficha.caja.drag2 .ficha-titulo {
	border-bottom-right-radius:1vh;
	border-bottom-left-radius:1vh;
}
.juego-equipo .ficha.caja.drag2 .ficha-foto { display:none; }
.juego-equipo .ficha.caja.drag2 .ficha-info { display:none; }
.juego-equipo .ficha.caja.drag2 .caja-cargo { display:none; }
.juego-equipo .ficha.caja.drag2 .ficha-tags { display:none; }
.bloque1 .caja.drag2::after, .bloque2 .caja.drag2::after, .colegio3 .bloque2 .caja.drag2:last-child::after { display:none; }
.bloque2 .caja.drag2::before, .bloque3 .caja.drag2::before { display:none; }
.juego-equipo .ficha.caja.full { opacity:0.3; }


/***** Juego Bitacora 1 *****/
.juego-cont .items {
	padding-top:1vh;
	overflow:auto;
}
.bitacora1 .items { height:40vh; }
.juego-cont .item {
	width:36vh;
	height:4.5vh;
	float:left;
	margin-bottom:1vh;
	border-radius:2vh;
	position:relative;
	margin-left:2.5vh;
}
.juego-cont .item1 { background:#ffbdbd; }
.juego-cont .item2 { background:#def28c; }
.juego-cont .item3 { background:#efd18e; }
.juego-cont .item4 { background:#bae5f4; }
.juego-cont .item5 { background:#e0d3f4; }
.juego-cont .item6 { background:#fecaff; }
.juego-cont .item-nombre {
	width:26vh;
	margin-left:1.5vh;
	float:left;
	height:4.5vh;
	display:table;
}
.juego-cont .item-nombre p {
	font-size:1.4vh;
	line-height:1.7vh;
	display:table-cell;
	vertical-align:middle;
}
.juego-cont .item-info {
	width:2vh;
	margin-top:1vh;
	margin-right:0.5vh;
	float:right;
	position:relative;
	z-index:2;
}
.juego-cont .item-puntos {
	font-weight:bolder;
	width:4vh;
	height:2.4vh;
	float:right;
	margin-right:1vh;
	margin-top:1vh;
	font-size:1.8vh;
	line-height:2vh;
	padding:0.3vh 0.5vh;
	border-radius:1.5vh;
	position:relative;
}
.juego-cont .item-puntos::after {
	content:"";
	display:block;
	width:1.1vh;
	height:2vh;
	background-image:url(../images/energia-2.png);
	background-size:100%;
	position:absolute;
	right:0.5vh;
	top:0.2vh;
}
.juego-cont .bitacora1 .item {
	float:none;
	width:63.5vh;
	margin-left:14.5vh;
}
.juego-cont .bitacora1 .ficha-foto {
	height:5vh;
	margin-top:0;
	top:0;
	position:absolute;
	margin-left:-12.5vh;
	width:12.5vh;
}
.juego-cont .bitacora1 .ficha-foto img { float:right; }
.juego-cont .bitacora1 .ficha-foto p {
	float:right;
	font-size:1.5vh;
	line-height:2vh;
	width:7vh;
	text-align:center;
	margin-top:1.7vh;
}
.juego-cont .bitacora1 .item-nombre { width:51vh; }
.juego-cont .bitacora1 .item-nombre p {
	font-size:1.8vh;
	line-height:2.2vh;
}
.juego-cont .bitacora1 .btn-borra {
	width: 2vh;
	position: absolute;
	top: 1.2vh;
	right: 8.5vh;
}
/*
.juego-cont .item1 .item-puntos { background:#521f18; }
.juego-cont .item2 .item-puntos { background:#203f1d; }
.juego-cont .item3 .item-puntos { background:#513518; }
.juego-cont .item4 .item-puntos { background:#183a51; }
.juego-cont .item5 .item-puntos { background:#261851; }
.juego-cont .item6 .item-puntos { background:#511851; }
*/
.juego-bitacora .boton {
	height: 4vh;
	width: 23vh;
	margin-right: 25vh;
	background: #521f18;
	border-radius: 2vh;
	text-decoration: none;
	margin-top: -0.5vh;
	opacity: 0.5;
	float: right;
}
.juego-bitacora .boton.active { opacity:1; }
.juego-bitacora .boton span {
	font-size:2vh;
	line-height:2.5vh;
	padding-top:0.7vh;
	display:block;
	float:left;
	color:#FFF;
	margin-left:2vh;
}
.juego-bitacora .boton b {
	font-size:2vh;
	line-height:2.5vh;
	width:2.5vh;
	height:2.5vh;
	border-radius:1.5vh;
	margin-left:1vh;
	margin-top:0.7vh;
	text-align:center;
	display:block;
	float:left;
	color:#521f18;
	background:#FFF;
}


/***** Juego Acciones *****/
.juego-acciones .items {
	padding-top:1vh;
	height:27vh;
}



/***** Juego Bitacora 2 *****/
.bitacora2 { display:none; }
.bitacora2 .boton {
	display:none;
	opacity:1;
	margin-right:28vh;
	width:16.5vh;
}
.acciones-cont {
	float:left;
	width:50vh;
	height:38vh;
	margin-left:3vh;
	margin-top:1vh;
	position:relative;
}
.acciones-cont .caja.ficha {
	margin:0;
	width:17vh;
	height:13vh;
}
.acciones-cont .ficha-titulo {
	height:3vh;
	padding:0.5vh 1vh;
}
.acciones-cont .ficha-nombre {
	font-size:1.5vh;
	line-height:2vh;
}
.acciones-cont .ficha-foto {
	margin-top:0;
	height:7.5vh;
	float:none;
}
.acciones-cont .ficha-info, .acciones-cont .ficha-tags, .acciones-cont .caja.ficha .btn, .acciones-cont .caja.ficha::after {
	display:none;
}
.acciones-cont .caja-cargo {
	height:2vh;
	font-size:1.3vh;
	line-height:1.6vh;
	padding:0.2vh;
	border-radius:2vh;
}
.acciones-cont .cargo1 { background:#f9b700; }
.acciones-cont .cargo2 { background:#e57713; }
.acciones-cont .cargo3 { background:#874f1d; }
.acciones-cont .cargo4 { background:#d60f00; }
.bitacora2 .persona-tooltip {
	display:none;
	float:left;
	border-radius:1vh;
	padding:1vh;
	max-width:31vh;
	position:relative;
	background:#F2E4E4;
	margin-left:1.7vh;
}
.bitacora2 .persona-tooltip p {
	font-size:2vh;
	line-height:2.5vh;
	position:relative;
	z-index:2;
}
.bitacora2 .persona-tooltip::after {
	content:"";
	width:0; 
	height:0;
	border-right:3vh solid #F2E4E4;
	border-top:3vh solid transparent;
	border-left:3vh solid transparent;
	position:absolute;
	bottom:-2.5vh;
	left:-2vh;
	transform:rotate(-45deg);
}
.acciones-reaccion {
	display:none;
	position:absolute;
	bottom:4vh;
	border-radius:1vh;
	width:100%;
	overflow:hidden;
	-webkit-box-shadow:0 0 1vh 0 #e5d2d2;
	   -moz-box-shadow:0 0 1vh 0 #e5d2d2;
			box-shadow:0 0 1vh 0 #e5d2d2;
}
.reaccion-titulo {
	height:auto;
	background:#521f18;
	padding:0.5vh 1vh;
}
.reaccion-titulo span {
	display:block;
	color:#FFF;
	font-size:1.5vh;
	line-height:1.7vh;
}
.reaccion-botones { margin:0; }
.reaccion-btn {
	width:100%;
	display:table;
	position:relative;
	overflow:hidden;
	padding:0 6vh 0 1vh;
	font-size:1.5vh;
	line-height:1.7vh;
	height:4vh;
	border-bottom:1px solid #E8DADA;
	background:#FFF;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
		 -o-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}
.reaccion-btn:hover { background:#e57713; }
.reaccion-btn:hover span { color:#FFF; }
.reaccion-btn:last-child { border-bottom:none; }
.reaccion-btn span {
	display:table-cell;
	vertical-align:middle;
}
.reaccion-puntos {
	float:right;
	font-size:1.4vh;
	line-height:1.8vh;
	height:2.4vh;
	padding:0.4vh 0.8vh;
	width:4vh;
	background:#521f18;
	color:#FFF;
	border-radius:1vh;
	position:absolute;
	top:0.8vh;
	right:1vh;
}
.reaccion-puntos::after {
	content: "";
	display: block;
	width: 1vh;
	height: 1.8vh;
	background-image: url(../images/energia.png);
	background-size: 100%;
	position: absolute;
	right: 0.8vh;
	top: 0.3vh;
}
.acciones-porcentaje {
	position:absolute;
	width:100%;
	height:3vh;
	background:#f6d5b7;
	border-radius:2vh;
	overflow:hidden;
	bottom:0;
}
.acciones-barra {
	width:14%;
	height:3vh;
	background:#e57713;
	position:relative;
}
.acciones-porcentaje p {
	color:#FFF;
	top:0.5vh;
	right:0.5vh;
	position:absolute;
	font-size:1.6vh;
	line-height:2vh;
}
.acciones-lista {
	float:right;
	width:26.5vh;
	margin-top:-5vh;
	height:45vh;
	overflow-y:scroll;
	background:#FFF;
	padding-top:1vh;
	position:relative;
	border-left:1px solid #E8DADA;
}
.juego-cont .acciones-lista .item {
	height:3vh;
	width:23vh;
	margin-bottom:1vh;
	float:none;
	margin-left:auto;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	opacity:0.3;
}
.juego-cont .acciones-lista .item.active { opacity:1; }
.juego-cont .acciones-lista .item-puntos {
	float:left;
	width:3vh;
	height:2vh;
	margin-top:0.5vh;
	margin-right:0;
	margin-left:1vh;
	font-size:1.2vh;
	line-height:1.4vh;
	padding:0.3vh 0.6vh;
}
.juego-cont .acciones-lista .item-puntos::after {
	width:0.9vh;
	height:1.6vh;
	right:0.6vh;
	top:0.2vh;
}
.juego-cont .acciones-lista .item-nombre {
	width:18vh;
	margin-left:0;
	height:3vh;
	margin-top:0;
}
.juego-cont .acciones-lista .item-nombre p {
	font-size:1vh;
	line-height:1.2vh;
}


/***** Juego Grafico *****/
.juego-grafico-grafico {
	float:left;
	width:62vh;
	height:37vh;
	margin:5vh 0 0;
}
.juego-grafico-nombre {
	position:absolute;
	font-size:2vh;
	line-height:2.5vh;
	top:2vh;
	left:25vh;
}
.juego-grafico-grafico svg text {
	font-size:1.5vh !important;
	line-height:2vh !important;
}
.termometro {
	margin-top:5vh;
	width:6vh;
	float:left;
	margin-left:3vh;
	position:relative;
}
.termometro-nombre {
	position: absolute;
	font-size: 1.5vh;
	line-height: 2vh;
	top:-2.5vh;
	left:-1vh;
}
.termometro-alerta {
	width:3vh;
	margin:0 auto 1vh;
}
.termometro-barra {
	margin:auto;
	width:3vh;
	height:27.5vh;
	background:#edcecc;
	border-bottom:0;
	border-top-left-radius:1.5vh;
	border-top-right-radius:1.5vh;
	position:relative;
	overflow:hidden;
	z-index:2;
}
.termometro-barra-fill {
	width:2.4vh;
	height:0;
	background:#a30c00;
	position:absolute;
	bottom:0;
	left:0.3vh;
}
.termometro-ball {
	width:6vh;
	height:6vh;
	background:#edcecc;
	border-radius:3vh;
	position:relative;
	margin-top:-0.5vh;
	overflow:hidden;
}
.termometro-ball-fill {
	width:5.4vh;
	height:5.4vh;
	left:0.3vh;
	top:0.3vh;
	background:#a30c00;
	position:absolute;
	border-radius:3vh;
}
.termometro-tooltip {
	font-size:1.5vh;
	line-height:2vh;
	padding:1vh;
	background:#FFF;
	color:#000;
	border-radius:1vh;
	border:1px solid #000;
	position:absolute;
	margin-top:-35vh;
	z-index:2;
	width:20vh;
	margin-left:-1vh;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	   -moz-transition:all 1s ease-in-out;
		 -o-transition:all 1s ease-in-out;
			transition:all 1s ease-in-out;
}
.termometro:hover .termometro-tooltip { opacity:1; }
.animometro {
	margin-top:5vh;
	width:7vh;
	height:37vh;
	float:left;
	position:relative;
}
.animometro-nombre {
	position:absolute;
	font-size:1.5vh;
	line-height:2vh;
	top:-2.5vh;
	right:0;
}
.animometro-alerta {
	position:absolute;
	width:3.5vh;
	height:3.5vh;
	margin-bottom:-3.5vh;
	left:0;
	bottom:87.5%;
}
.animometro-animo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:200% 200%;
	background-image:url(../images/caras.png);
}
.animometro-barra {
	margin-left:auto;
	width:3vh;
	height:37vh;
	border-radius:2vh;
	background:#686868;
	position:relative;
	overflow:hidden;
	z-index:2;
}
.animometro-barra-fill {
	width:100%;
	height:87.5%;
	position:absolute;
	bottom:0;
	left:0;
}
.animometro-animo.animo1 { background-position:bottom right; }
.animometro-animo.animo2 { background-position:top right; }
.animometro-animo.animo3 { background-position:bottom left; }
.animometro-animo.animo4 { background-position:top left; }
.animometro-barra-fill.animo1 { background:#4ab14d; }
.animometro-barra-fill.animo2 { background:#f9b700; }
.animometro-barra-fill.animo3 { background:#e57713; }
.animometro-barra-fill.animo4 { background:#d60f00; }
.animometro-tooltip {
	opacity:0;
	font-size:1.5vh;
	line-height:2vh;
	padding:1vh;
	background:#FFF;
	color:#000;
	border-radius:1vh;
	border:1px solid #000;
	position:absolute;
	margin-top:-35vh;
	z-index:2;
	width:20vh;
	margin-left:-11vh;
	-webkit-transition:all 1s ease-in-out;
	   -moz-transition:all 1s ease-in-out;
		 -o-transition:all 1s ease-in-out;
			transition:all 1s ease-in-out;
}
.animometro:hover .animometro-tooltip { opacity:1; }


/* ALERTA FINAL SEMESTRE */
#alerta-final .alerta-cont {
	width:144vh;
	height:76vh;
	padding:3vh 5vh 4vh;
	border-radius:3vh;
}
#alerta-final .alerta-titulo {
	font-weight:bold;
	font-size:3.5vh;
	line-height:4vh;
	height:6.5vh;
	text-align:center;
}
#alerta-final .alerta-caja1 {
	width:68vh;
	float:left;
}
#alerta-final .alerta-texto {
	width:100%;
	height:36vh;
	border:1px solid #521f18;
	border-radius:2vh;
	padding:2vh;
}
#alerta-final .alerta-texto-cont {
	height:32vh;
	overflow:auto;
}
#alerta-final .alerta-texto-cont p {
	font-size:2vh;
	line-height:2.5vh;
	padding-bottom:2.5vh;
}
#alerta-final .alerta-aprende { padding-top:3vh; }
#alerta-final .alerta-aprende b {
	float:left;
	width:100%;
	font-size:2.5vh;
	line-height:3vh;
	padding-bottom:2vh;
}
#alerta-final .alerta-aprende img {
	float:left;
	width:14vh;
}
#alerta-final .alerta-aprende p {
	font-weight:bold;
	float:left;
	margin-left:2vh;
	font-size:7.5vh;
	line-height:8vh;
	margin-top:1vh;
	color:#e57713;
}
#alerta-final .alerta-caja2 {
	width:57vh;
	float:right;
}
#alerta-final #alerta-grafico {
	width:57vh;
	height:26vh;
}
#alerta-final #alerta-grafico svg { overflow:visible; }
#alerta-final #alerta-grafico svg text {
	font-size:1vh !important;
	line-height:1.2vh !important;
}
#alerta-final .alerta-avisos { padding:2vh; }
#alerta-final .alerta-aviso {
	display:table;
	height:4.5vh;
	width:46.5vh;
	margin-left:6vh;
	background:#521f18;
	border-radius:2.5vh;
	position:relative;
	margin-bottom:1vh;
}
#alerta-final .alerta-aviso p {
	padding:0 2vh;
	display:table-cell;
	height:3.5vh;
	font-size:1.4vh;
	line-height:1.7vh;
	color:#FFF;
	vertical-align:middle;
}
#alerta-final .alerta-aviso-num {
	position:absolute;
	left:-5vh;
	background:#e57713;
	width:2.5vh;
	height:2.5vh;
	font-size:1.5vh;
	line-height:2vh;
	text-align:center;
	padding-top:0.3vh;
	border-radius:1.5vh;
	color:#FFF;
	top:1vh;
}
#alerta-final .alerta-close {
	width:20vh;
	font-size:2.5vh;
	line-height:3vh;
	height:4.5vh;
	padding-top:0.8vh;
	left:50%;
	margin-left:-10vh;
	bottom:3vh;
}


/* ALERTA FINAL RESISTENCIA */
#alerta-resiste .alerta-cont {
	width:135vh;
	height:62vh;
	padding:3vh 5vh 4vh;
	border-radius:3vh;
}
#alerta-resiste .alerta-titulo {
	font-weight:bold;
	font-size:3.5vh;
	line-height:4vh;
	height:7vh;
	text-align:center;
}
#alerta-resiste .alerta-close {
	width:30vh;
	font-size:2.5vh;
	line-height:3vh;
	height:4.5vh;
	padding-top:0.8vh;
	left:50%;
	margin-left:-15vh;
	bottom:3vh;
}
.alerta-resiste-mensaje {
	font-size:2vh;
	line-height:2.5vh;
	text-align:center;
	float:left;
	margin-right:3vh;
	width:70vh;
	margin-top:7vh;
}
.alerta-resiste-box {
	float:left;
	width:47vh;
	margin-top:-2vh;
}
#alerta-resiste .termometro-barra-fill-2 {
	width:2.4vh;
	height:0;
	background:#a30c00;
	position:absolute;
	bottom:0;
	left:0.3vh;
}
#alerta-resiste .animometro { float:right; }
#alerta-resiste .animometro-alerta-2 {
	position:absolute;
	width:3.5vh;
	height:3.5vh;
	margin-bottom:-3.5vh;
	left:8vh;
	bottom:87.5%;
}
#alerta-resiste .animometro-barra-fill-2 {
	width:100%;
	height:87.5%;
	position:absolute;
	bottom:0;
	left:0;
}
.animometro-barra-fill-2.animo1 { background:#4ab14d; }
.animometro-barra-fill-2.animo2 { background:#f9b700; }
.animometro-barra-fill-2.animo3 { background:#e57713; }
.animometro-barra-fill-2.animo4 { background:#d60f00; }
.alerta-resiste-botones {
	float: left;
	margin-left:4vh;
	height: 9vh;
	margin-top: 21vh;
}
.alerta-resiste-botones a {
	float:left;
	background:#521f18;
	width:11vh;
	height:3.5vh;
	font-size:1.7vh;
	line-height:2vh;
	padding-top:0.7vh;
	font-weight:bold;
	text-align:center;
	border-radius:2vh;
	color:#FFF;
	-webkit-transition:background 0.3s ease-in-out;
	   -moz-transition:background 0.3s ease-in-out;
		 -o-transition:background 0.3s ease-in-out;
			transition:background 0.3s ease-in-out;
}
.alerta-resiste-botones a:hover { background:#e57713; }
.alerta-resiste-botones a.off { opacity:0.3; }
.alerta-resiste-botones .separa {
	float:left;
	background:#521f18;
	width:1px;
	height:3.5vh;
	margin:0 1vh;
}


/* ALERTA INFORMACION */
#alerta-info.infojuego .alerta-texto .textbox { height:51vh; margin-bottom:2vh; }
#alerta-info.infojuego .alerta-texto .textbox.textbox2 { display:none; }
#alerta-info.infojuego .alerta-texto .alerta-next, #alerta-info.infojuego .alerta-texto .alerta-prev {
	float:right;
	background:#521f18;
	width:11vh;
	height:3.5vh;
	font-size:1.7vh;
	line-height:2vh;
	padding-top:0.7vh;
	font-weight:bold;
	text-align:center;
	border-radius:2vh;
	color:#FFF;
	-webkit-transition:background 0.3s ease-in-out;
	   -moz-transition:background 0.3s ease-in-out;
		 -o-transition:background 0.3s ease-in-out;
			transition:background 0.3s ease-in-out;
}
#alerta-info.infojuego .alerta-texto .alerta-prev { display:none; }
#alerta-info.infojuego .alerta-texto .alerta-next:hover, #alerta-info.infojuego .alerta-texto .alerta-prev:hover {
	background:#e57713;
}