@charset "UTF-8";
/*
		#1 generic elements
		#2 header
		#3 wrapper
		#3.1 user data
		#3.2 main data
		#3.3 info data
		#3.4 title
		#3.5 formulario
		#3.6 ejercicio
		#3.7 resumen sesion
		#3.8 Test
		#3.9 nueva actividad
		#3.10 datos antropometricos
		#3.11 hisorico actividad
		#3.12 chat
		#3.13 formulario overlay
		#3.14 objetivos de rendimiento
		#3.15 fecha limite
		#3.16 calendario para imprimir

	*/

/* #1 generic elements */

::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .2);
	padding-top: 3px;
}

::-moz-placeholder {
	color: rgba(0, 0, 0, .2);
}
/* firefox 19+ */
:-ms-input-placeholder {
	color: rgba(0, 0, 0, .2);
	padding-top: 3px;
}

/* ie */
input:-moz-placeholder {
	color: rgba(0, 0, 0, .2);
	padding-top: 3px;
}

body {
	font-family: 'OxygenRegular';
	color: #fff;
}

section {
	background-color: rgba(0, 0, 0, 0);
}

h1 {
	font-family: 'OxygenLight';
	font-size: 3em;
	line-height: 100%;
}

h1.oscuro {
	color: rgba(0, 0, 0, .25);
	font-size: 2.5em;
}

h2 {
	font-size: 2em;
	line-height: 100%;
}

h3 {
	font-family: 'OxygenLight';
	font-size: 1.2em;
	line-height: 100%;
	color: rgba(255, 255, 255, .75);
}

h4 {
	font-family: 'OxygenLight';
	font-size: 1.5em;
	line-height: 100%;
	color: rgba(255, 255, 255, .9);
	margin: .2em 0 .5em .2em;
}

h5 {
	font-size: 1.1em;
	line-height: 100%;
	color: rgba(0, 0, 0, .3);
}

/** up arrow **/

#up {
	bottom: 50%;
	display: none;
	position: fixed;
	right: 5px;
	z-index: 10;
}

#up span {
	background: url("../images/flechaArriba.png") no-repeat;
	display: none;
	height: 63px;
	opacity: 0.5;
	width: 60px;
}

.icono {
	font-family: 'CommonIcons';
}

.icono-material {
	font-family: 'CommonIcons2';
	font-family: 'MaterialIcons';
}

.brillo {
	background: #000;
	background: -moz-linear-gradient(160deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .3) 38%, rgba(255, 255, 255, .3) 48%, rgba(255, 255, 255, .1) 91%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, .1)), color-stop(38%, rgba(255, 255, 255, .3)), color-stop(48%, rgba(255, 255, 255, .3)), color-stop(91%, rgba(255, 255, 255, .1)));
	background: -webkit-linear-gradient(160deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .3) 38%, rgba(255, 255, 255, .3) 48%, rgba(255, 255, 255, .1) 91%);
	background: -o-linear-gradient(160deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .3) 38%, rgba(255, 255, 255, .3) 48%, rgba(255, 255, 255, .1) 91%);
	background: -ms-linear-gradient(160deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .3) 38%, rgba(255, 255, 255, .3) 48%, rgba(255, 255, 255, .1) 91%);
	background: linear-gradient(160deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .3) 38%, rgba(255, 255, 255, .3) 48%, rgba(255, 255, 255, .1) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,.21)', GradientType=1);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.brillo2 {
	background: #000;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(255, 255, 255, .2) 91%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .2)), color-stop(91%, rgba(255, 255, 255, .2)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(255, 255, 255, .2) 91%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(255, 255, 255, .2) 91%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(255, 255, 255, .2) 91%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(255, 255, 255, .2) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,.2)', endColorstr='rgba(255,255,255,.2)', GradientType=0);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.sombra {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
}

.botonNaranja .content {
	background-color: rgb(230, 95, 0);
	border-radius: 4px;
	text-align: center;
}

.botonNaranja .content:hover,
.botonNaranja .content:active {
	cursor: pointer;
	background-color: rgba(255, 166, 58, 1);
}

.botonNaranja .texto {
	display: table;
	width: 100%;
	height: 100%;
}

.botonNaranja .texto .title {
	display: table-cell;
	vertical-align: middle;
	font-family: 'OxygenLight';
	font-size: 2em;
	line-height: 100%;
	text-shadow: 1px 1px rgb(230, 95, 0);
}

.botonNaranja .texto .subtitle {
	display: none;
	font-family: 'OxygenLight';
	font-size: 1.2em;
}

.renovar.urgente .botonNaranja .content {
	background-color: rgb(255, 0, 0);
	border: 1px solid #f00;
}

.renovar.urgente .botonNaranja .content:hover,
.renovar.urgente .botonNaranja .content:active {
	background-color: rgba(255, 75, 75, 1);
}

.renovar .botonNaranja.renovacion .texto .title {
	display: block;
}

.renovar .botonNaranja.renovacion .texto .subtitle {
	display: block;
}

.flecha {
	position: fixed;
	height: 100%;
	width: 80px;
	display: table;
	top: 0;
	z-index: 10;
}

.flecha.izquierda {
	left: 10px;
}

.flecha.izquierda .icono {
	width: 60px;
	height: 60px;
	font-size: 2em;
	line-height: 55px;
}

.flecha.derecha {
	right: 10px;
}

.flecha > div {
	display: table-cell;
	vertical-align: middle;
}

.flecha .icono {
	display: inline-block;
	width: 80px;
	height: 80px;
	font-family: CianoplanIcons;
	border-radius: 40px;
	font-size: 3em;
	line-height: 160%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2)
}

.flecha .icono:hover {
	background-color: rgba(256, 256, 256, .6)
}

.backFlechas {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 72px;
	background-color: rgba(0, 0, 0, .9);
	z-index: 9;
}

.boton-gris {
	position: relative;
	display: inline-block;
	margin: 0.5em auto;
	font-size: 125%;
	background: rgba(150, 150, 150, 0.9);
	border-radius: 4px;
	padding: 0.5em 1em;
	position: relative;
	text-decoration: none;
	color: #fff;
}

.boton-gris:hover {
	background: rgba(150, 150, 150, 0.6);

}

.boton-azul {
	position: relative;
	display: inline-block;
	margin: 0.5em auto;
	font-size: 125%;
	background: #3174c7;
	border-radius: 4px;
	padding: 0.5em 1em;
	position: relative;
	text-decoration: none;
	color: #fff;
}

.boton-azul:hover {
	background: rgba(150, 150, 150, 0.6);

}

.oculto {
	display: none;
}

.transparente {
	opacity: 0;
}

/* #2 header */

header {
	height: 40px;
	font-family: 'OxygenLight';
}

header nav a {
	color: #aaa;
	text-decoration: none;
}

header nav > div {
	display: inline-block;
	height: 40px;
	vertical-align: top;
	line-height: 40px;
}

header nav #logo {
	padding-top: 4px;
}

header nav .option {
	position: relative;
	padding: 0 10px;
	text-align: center;
}

header nav #logout {
	float: right;
	white-space: nowrap;
	padding: 0 5px;
}

header nav #logout a {
	font-size: 1.2em;
	color: #bfbfbf;
	position: relative;
	top: -7px;
}

header nav #logout span {
	font-size: 1.6em;
	margin-right: 5px;
	position: relative;
	top: 5px;
}

header nav #accesData {
	float: right;
	white-space: nowrap;
	padding: 0 5px;
}

header nav #volver-superior {
	float: right;
	white-space: nowrap;
	padding: 0 5px;
}

header nav #volver-superior a {
	color: #FF8000;
}

header nav #codigoVitale{
	float: right;
	white-space: nowrap;
	padding: 0 5px;
	color: white !important;
	font-family: 'OxygenLight';
	font-weight: bold;
	border: 3px solid #e65f00;
	background: #e65f00;
	vertical-align: middle;
	line-height: 35px;
	border-radius: 3px 3px 3px 3px;
	margin-right: 5px;
}
header nav #codigoVitale a{
	color: white;
}
header nav #codigoVitale a:hover{
	color: rgba(0,0,0,0.3);
}

header nav #codigoVitale span {
	font-size: 1.5em;
}

header nav #renueva {
	display: none;
	float: right;
	white-space: nowrap;
	padding: 0 5px;
}

.renovar header nav #renueva {
	display: inline-block;
}

header nav #renueva > p {
	display: inline-block;
	color: #aaa;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: .9em;
	font-family: 'OxygenLight';
}

header nav #renueva .boton {
	margin-top: 2px;
	display: inline-block;
	background-color: rgb(255, 142, 0);
	border-radius: 3px;
	text-align: center;
	padding: 3px 10px;
	cursor: pointer;
}

header nav #renueva .boton:hover,
header nav #renueva .boton:active {
	background-color: rgba(255, 166, 58, 1);
}

.renovar.urgente header nav #renueva .boton {
	background-color: rgb(255, 0, 0);
}

.renovar.urgente header nav #renueva .boton:hover,
.renovar.urgente header nav #renueva .boton:active {
	background-color: rgba(255, 75, 75, 1);
}

header nav #renueva .boton .title {
	line-height: 100%;
	font-size: 1.2em;
}

header nav #renueva .boton .subtitle {
	line-height: 100%;
	font-size: .6em;
	font-family: 'OxygenLight';
}

header nav .lang select {
	background-color: #000;
	color: #aaa;
	width: 100%;
	font-size: 1em;
	font-family: 'OxygenLight';
	padding-right: 5px;
}

header nav .lang select option {
	background: #fff;
	color: rgb(116, 116, 116);
	border-color: #fff;
}

/* #3 wrapper */

.tiraSuperior {
	background-color: rgba(255, 255, 255, .15);
}

.tiraIntermediaSuperior {
	height: 275px;
}

.tiraIntermediaInferior {
	height: 200px;
}

.tiraInferior {
	height: 300px;
}

.tile {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.tile.tileAlone {
	width: 100%;
	min-height: 100px;
}

.tile.tileAloneTxiki {
	width: 100%;
	min-height: 60px;
}

.tile.tile0 {
	width: 50%;
	height: 100px;
}

.tile.tileMisterin {
	width: 50%;
	height: 100px;
}

.tile.tileMisterin25 {
	width: 25%;
	height: 100px;
}

.tile.tileSinAltura50 {
	width: 50%;
}

.tile.tileAgendaCentro {
	width: 100%;
	height: 100px;
}

.tile.tileAgendaCentroInterior {
	height: 100px;
	width: 100%;
}

.agendaCentroHalf {
	width: 49% !important;
	display: inline-block;
}

#actividades_a_seleccionar {
	margin-left: 50%;
}

.tile.tileAgendaCentroInterior .halfTile {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 10px;
}

#chat {
	bottom: 10px;
	position: absolute;
	left: 10%;
	right: 10%;
}

.tile.tile1 {
	width: 50%;
	height: 75px;
}

.tile.tile2 {
	width: 50%;
	height: 245px;
}

/*Disena*/
.button-azul-disena {
	background-color: #1e5799;
	border-radius: 15px;
	color: #fff;
	cursor: pointer;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

#divsesionespersonalizadas {
	width: 49%;
	float: left;
}

#ejerciciospersonalizados {
	width: 50%;
	float: right;
}

.izquierda-contenedor-pro {
	width: 33%;
	float: left;
}

.derecha-contenedor-pro {
	width: 66%;
	float: right;
}

/* Email a clientes*/
.emailClientes {
	display: inline-block;
}

.emailClientes #filtrado {
	width: 40%;
	float: right;
}

.emailClientes #formulario {
	width: 60%;
}

.emailClientes #formulario .filtrar.edad {
	width: 30px;
}

.emailClientes #elenvio {

}

.inputEmailClientes {
	background-color: #1e5799 !important;
}

/**/
/* Entrenador */
#calendario #mensajesCalendario #sesionPendiente .boton {
	background-color: #d15889;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 1.6em;
	margin: 10px auto 0;
	padding: 5px 25px;
	z-index: 1;
	color: #fff;
}

#info.mister .tile {
	float: left;
}

.tile.tileMister {
	width: 100%;
	height: 163px;
}

.tile.tileMister .halfTile:hover {
	color: #1E5799;
	cursor: pointer;
}

.tile.tileMister .halfTile {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.fila-boton-mister p {
	font-family: "OxygenLight";
	font-size: 0.9em;
	line-height: 100%;
	text-align: center;
	line-height: 0px;
	color: withe;
}

.fila-boton-mister .icono {
	font-size: 5.2em;
	text-align: center;
	line-height: 140px;
}

.fila-boton-mister .iconoMister {
	font-family: 'Flaticon';
	content: "\e000";
	font-size: 1.2em;
	text-align: center;
	line-height: 100px;
}

.button-azul-txiki .iconoMister {
	font-family: 'Flaticon';
	content: "\e000";
	font-size: 1.2em;
	text-align: center;
}

.fila-boton-mister .iconoMister.nuevoCliente:before {
	font-family: 'Flaticon';
	text-align: center;
	content: "\e000";
	font-size: 3.8em;
	text-align: center;
	line-height: 140px;
}

.fila-boton-mister .iconoMister.Clientes:before {
	font-family: 'Flaticon';
	text-align: center;
	content: "\e003";
	font-size: 3.8em;
	text-align: center;
	line-height: 140px;
}

.fila-boton-mister .iconoMister.Chat:before {
	font-family: 'Flaticon';
	text-align: center;
	content: "\e001";
	font-size: 3.8em;
	text-align: center;
	line-height: 140px;
}

.fila-boton-mister .iconoMister.Disena:before {
	font-family: 'Flaticon';
	text-align: center;
	content: "\e002";
	font-size: 3.8em;
	text-align: center;
	line-height: 140px;
}

.button-azul-txiki .iconoMister.Disena:before {
	font-family: 'Flaticon';
	text-align: center;
	content: "\e002";
	font-size: 1em;
	text-align: center;
}

.fila-boton-mister #alerta:before {
	font-family: 'Flaticon';
	content: "\e001";
	font-size: 3.5em;
	left: 9px;
	top: -5px;
	position: absolute;
	text-align: center;
}

.fila-boton-mister #alerta:hover {
	color: #1E5799;
}

.fila-boton-mister #alerta {
	background-color: rgba(255, 255, 255, 0.3);
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 90px;
	width: 90px;
	top: 0px;
	right: 10px;
	margin: 50px auto;
	position: absolute;
	text-align: center;
	text-decoration: none;

}

.fila-boton-mister span {
	background-color: #ff421f;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 0.8em;
	height: 22px;
	line-height: 22px;
	position: absolute;
	right: -3px;
	text-align: center;
	top: -3px;
	width: 22px;
}

#dar-alta #moreInfo > div {
	color: rgba(255, 255, 255, 0.75);
	display: inline-block;
	height: 80%;
	min-width: 140px;
	padding-top: 5px;
	vertical-align: middle;
	width: 30%;
}

.entrenador #name {
	padding: 6px;
}

#ficha-superior-cliente #moreInfo #edad {
	color: rgba(255, 255, 255, 0.75);
	display: inline-block;
	height: 80%;
	min-width: 90px;
	padding-top: 5px;
	vertical-align: middle;
	width: 30%;
}

#ficha-superior-cliente #moreInfo #medidas {
	display: inline-block;
	height: 80%;
	min-width: 80px;
	padding-top: 5px;
	vertical-align: middle;
	width: 30%;
}

#ficha-superior-cliente #moreInfo #pulsaciones {
	display: inline-block;
	height: 80%;
	min-width: 50px;
	padding-top: 5px;
	vertical-align: middle;
	width: 25%;
}

#ficha-superior-cliente #moreInfo #edad p {
	font-family: "OxygenLight";
	font-size: 3em;
	line-height: 80%;
}

#ficha-superior-cliente #moreInfo #edad p span {
	font-size: 0.2em;
}

#ficha-superior-cliente #moreInfo #medidas .icono {
	font-size: 30px;
	margin-right: 0;
	margin-top: 7px;
}

#ficha-superior-cliente #moreInfo .icono {
	float: left;
	font-size: 5em;
	line-height: 80%;
}

#ficha-superior-cliente #moreInfo #pulsaciones .icono {
	font-size: 20px;
	margin-right: 10px;
	margin-top: 8px;
}

#ficha-superior-cliente #moreInfo .datos p {
	font-family: "OxygenLight";
	font-size: 1em;
	line-height: 110%;
	margin-top: 4px;
}

.entrenador #moreInfo {
	padding-top: 4px;
}

textarea {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
	line-height: 1.5em;
	padding-top: 0;
}

#formanadir input {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 40%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1em;
	font-family: 'OxygenLight';
	line-height: 0.5em;
	padding-top: 0;
}

.tile.tileCabeceraClientes {
	width: 100%;
	height: 490px;
}

.tileContenidoClientes h4 {
	font-size: 1.2em;
}

.tile.tileContenidoClientes {
	width: 100%;
	height: 377px;
}

.btn {
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 5px;
}

.alert-info {
	background-color: #1E5799;
	border-color: #bce8f1;
	color: #3a87ad;
}

.alert {
	border: 1px solid #bce8f1;
	border-radius: 4px;
	color: #000;
	margin-bottom: 20px;
	padding: 8px 15px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert.alert-info h4 {
	font-size: 1em;
	color: rgba(255, 255, 255, 0.8);
}

.boton-alert {
	background-color: #e9e9e9;
	border-radius: 4px;
	color: #1e5799;
	height: 30px;
	padding: 4px;
	width: 140px;
}

.boton-alert:hover {
	background-color: #FFEDED;
	border-radius: 4px;
	color: #1e5799;
	height: 30px;
	padding: 4px;
	width: 140px;
}

.baja-clientes-button p {
	position: absolute;
	bottom: 10px;
	right: 5px;
	background-color: #1E5799;
	border-radius: 4px;
	color: #1e5799;
	height: 30px;
	padding: 4px;
	cursor: pointer;
}

.button-azul-txiki {
	background-color: #1E5799;
	border-radius: 4px;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}

.button-azul-txiki p {
	color: #fff;
	text-align: center;
}

.button-rojo-txiki {
	background-color: rgba(215, 40, 40, 0.9);
	border-radius: 4px;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}

.button-rojo-txiki p {
	color: #fff;
	text-align: center;
}

.button-verde-txiki {
	background-color: rgba(32, 187, 0, 0.9);
	border-radius: 4px;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}

.button-verde-txiki p {
	color: #fff;
	text-align: center;
}

.baja-clientes-button:hover {
	background-color: rgba(30, 87, 153, .7);
}

.baja-clientes-button p {
	color: #fff;
	text-align: center;
}

.botonAzul .content {
	background-color: #1E5799;
	border-radius: 4px;
	text-align: center;
}

.botonAzul .content:hover {
	background-color: rgba(30, 87, 153, .7);
}

.botonAzul .texto .title {
	display: table-cell;
	font-family: "OxygenLight";
	font-size: 2.5em;
	line-height: 100%;
	vertical-align: middle;
}

.botonAzul .texto {
	display: table;
	height: 100%;
	width: 100%;
}

.cabecera-clientes-superior-clientes {
	width: 18%;
	margin: 0.5%;
}

.cabecera-clientes-superior-anadir1 {
	width: 22%;
	margin: 0.5%;
}

.cabecera-clientes-superior {
	width: 24%;
	margin: 0.5%;
}

.cabecera-clientes-superior h5,
.cabecera-clientes-superior-clientes h5,
.cabecera-clientes-superior-anadir1 h5 {
	margin: 5px 5px 5px 5px !important;
	font-size: 1em;
}

/* Chat mister */
.imagen_chat {
	background-position: center center;
	background-size: cover;
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 40px;
	display: inline-block;
	float: left;
	font-size: 4em;
	height: 60px;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	margin: 5px;
}

.tileChatIzq {
	width: 100%;
}

.altura_chat {
	height: 484px;
}

/*            */
.tile.tile2 .halfTile {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.tile.tile4 {
	width: 50%;
	height: 490px;
}

.tile.tile475 {
	width: 75%;
	height: 490px;
}

.tile.tileWellcomeSesion4 {
	width: 25%;
	height: auto;
}

.tile.tileWellcomeSesion24 {
	width: 24%;
	height: auto;
}

.tile.tileWellcomeSesion2 {
	width: 50%;
	height: auto;
}

.tile.tile4.corta {
	height: auto;
	padding: 0 10px;
}

.tile.tile5 {
	width: 50%;
	height: 75px;
}

.tile.tile6 {
	width: 50%;
}

.tile.tile6 .tile.tile3 {
	width: 50%;
	height: 245px;
	float: left !important;
}

.tile.tile7 {
	width: 25%;
}

.tile.tile8 {
	width: 50%;
}

.tile.tile9 {
	width: 25%;
}

.tile .content {
	position: absolute;
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 3px;
}

.tile h5 {
	margin: 16px 5px 10px 12px;
}

/* #3.1 user data */

#userData {
	text-align: center;
}

.sliderWrapper #userData {
	text-align: left;
}

#userData #name {
	margin-top: 10px;
	padding-left: 5px;
}

/*foto y nombre*/
#name #foto {
	float: left;
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	font-size: 4em;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, 1);
	background-position: center;
	background-size: cover;
}

.hombre #name #foto {
	background-image: url(../images/user_male.png)
}

.mujer #name #foto {
	background-image: url(../images/user_female.png)
}

#userData #name #noFoto {
	display: inline-block;
	position: relative;
	float: left;
	margin: 0 10px 0 15px;
	padding-right: 55px;
}

#userData #name #noFoto #alerta {
	display: inline-block;
	position: absolute;
	height: 39px;
	width: 39px;
	border-radius: 50%;
	border: 2px solid #fff;
	background-color: rgba(255, 255, 255, .3);
	right: 10px;
	top: 5px;
	text-decoration: none;
	color: #fff;
}

#userData #name #noFoto #alerta:hover {
	background-color: rgba(255, 255, 255, .6)
}

#userData #name #noFoto #alerta:before {
	content: 'M';
	font-family: 'CommonIcons';
	position: absolute;
	left: 4px;
	font-size: 1.8em;
	line-height: 37px;
}

#userData #name #noFoto #alerta span {
	display: inline-block;
	height: 22px;
	width: 22px;
	position: absolute;
	right: -3px;
	top: -3px;
	border-radius: 50%;
	background-color: #ff421f;
	font-size: .8em;
	color: #fff;
	line-height: 22px;
	text-align: center;
}

#userData #name #noFoto h1 {
	max-width: 335px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-height: 55px
}

#userData #name #noFoto h3 {
	line-height: 25px;
	padding-left: 20px;
	color: #fff;
	/*background-image: url(../images/ico-level.png) RMA 20180612 No le encontramos sentido a este icono de nivel de bateria*/
	background-repeat: no-repeat;
	background-size: contain;
	opacity: .75;
	max-width: 390px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#name .containerFoto {
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	padding: 5px;
}

/*datos antropometricos*/
.tiraSuperior #userData #moreInfo > div {
	display: inline-block;
	height: 100%;
	width: 30%;
	vertical-align: middle;
	color: rgba(255, 255, 255, .75);
	min-width: 140px;
	padding-top: 5px;
}

#userData #moreInfo #edad p {
	font-size: 5em;
	font-family: 'OxygenLight';
	line-height: 100%;
}

#userData #moreInfo #edad p span {
	font-size: .2em;
}

#userData #moreInfo .icono {
	float: left;
	font-size: 5em;
	line-height: 100%;
}

#userData #moreInfo #medidas .icono {
	font-size: 70px;
	margin-top: 7px;
	margin-right: 0px;
}

.hombre #userData #moreInfo #medidas .icono:after {
	content: "c";
}

.mujer #userData #moreInfo #medidas .icono:after {
	content: "d";
}

#userData #moreInfo #pulsaciones .icono {
	font-size: 30px;
	margin-top: 8px;
	margin-right: 10px;
}

#userData #moreInfo .datos {
	float: left;
	margin-top: 10px;
}

#userData #moreInfo .datos p {
	font-size: 1.7em;
	font-family: 'OxygenLight';
	line-height: 110%;
}

#userData #moreInfo .datos p span {
	font-size: .55em;
}

/* Lo mismo para coach */
.tiraSuperior #userData #moreInfoCoach > div {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	color: rgba(255, 255, 255, .75);
	/*min-width: 130px;*/
	padding-top: 5px;
	float: right;
}

.tiraSuperior #userData #moreInfoCoach #edad {
	width: 30%;
}

.tiraSuperior #userData #moreInfoCoach #medidas {
	width: 10%;
}

.tiraSuperior #userData #moreInfoCoach #pulsaciones {
	width: 55%;
}

.tiraSuperior #userData #moreInfoCoach #pulsaciones #fotoCentro {
	float: left;
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	font-size: 4em;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, 1);
	background-position: center;
	background-size: cover;
	margin-left: 20px;
}

.tiraSuperior #userData #moreInfoCoach #pulsaciones #nombreCentro {
	display: inline-block;
	margin: 0 10px 0 15px;
	padding-right: 55px;
	position: relative;
}

.tiraSuperior #userData #moreInfoCoach #pulsaciones #nombreCentro h3 {
	display: table-cell;
	margin-left: 15px;
	max-width: 335px;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	top: 20px;
	vertical-align: middle;
	white-space: nowrap;
}

#userData #moreInfoCoach #edad p {
	font-size: 5em;
	font-family: 'OxygenLight';
	line-height: 100%;
}

#userData #moreInfoCoach #edad p span {
	font-size: .2em;
}

#userData #moreInfoCoach .icono {
	float: left;
	font-size: 5em;
	line-height: 100%;
}

#userData #moreInfoCoach #medidas .icono {
	font-size: 70px;
	margin-top: 7px;
	margin-right: 0px;
}

.hombre #userData #moreInfoCoach #medidas .icono:after {
	content: "c";
}

.mujer #userData #moreInfoCoach #medidas .icono:after {
	content: "d";
}

#userData #moreInfoCoach #pulsaciones .icono {
	font-size: 30px;
	margin-top: 8px;
	margin-right: 10px;
}

#userData #moreInfoCoach .datos {
	float: left;
	margin-top: 10px;
}

#userData #moreInfoCoach .datos p {
	font-size: 1.7em;
	font-family: 'OxygenLight';
	line-height: 110%;
}

#userData #moreInfoCoach .datos p span {
	font-size: .55em;
}

/**/
/* #3.2 main data */

#main {
	margin: 25px 0;
}

#main #objetivo {
	padding: 5px;
	height: auto;
}

#main #objetivo h2 {
	margin-top: 5px;
	text-shadow: 1px 1px rgba(0, 0, 0, .3);
}

/* #3.3 info data */

#info .tile {
	float: right;
}

/*#info #calendario{
			overflow: auto;
		}*/

/*sobreescribimos un par de propiedades del calendario*/
#info #calendario .fc-content {
	height: 90%;
}

#info #calendario .fc-content .fc-view {
	height: 100%;
	overflow-y: auto;
}

#info #calendario .fc-content .fc-view table {
	height: 100%;
}

.fc-calendar-container {
	position: inherit !important;
}

#calendario .fc-button-prev {
	margin-left: 0;
}

#calendario .fc-button-next {
	margin-right: 0;
}

/*estadisticas*/
#info #estadisticas .icono,
.sesion #userData #moreInfo .icono {
	display: table-cell;
	width: 65px;
	text-align: center;
	font-size: 2.6em;
	line-height: 110%;
	color: rgba(0, 0, 0, .3);
}

#info #estadisticas p,
.sesion #userData #moreInfo p {
	display: table-cell;
	font-size: 1.7em;
	font-family: 'OxygenLight';
	vertical-align: middle;
	padding-left: 10px;
}

#info #estadisticas p span,
.sesion #userData #moreInfo p span {
	font-size: .55em;
}

#info #estadisticas ul li,
.sesion #userData #moreInfo ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
}

.sesion #userData #moreInfo > div {
	width: auto;
}

/*grafica circular*/
#info #estadisticas #graficaResumen {
	position: relative;
	text-align: center;
	padding-top: 5px;
	height: 200px;
}

#info #estadisticas #graficaResumen .porcentaje {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#info #estadisticas #graficaResumen input.dial {
	display: none;
}

#info #estadisticas #graficaResumen p {
	width: 110px;
	height: 110px;
	background-color: #f00;
	border-radius: 50%;
	background-color: #bd618e;
	font-size: 2.8em;
	line-height: 100px;
	display: inline-table;
	margin-top: 40px;
}

/*calendario*/
#info #calendario #nuevaActividad {
	position: absolute;
	z-index:100;
	right: 20px;
	bottom: -25px;
}
.entrenador #info #calendario #nuevaActividad {
	position: absolute;
	z-index: 100;
	right: 20px;
	bottom: 2px;
}

/*!*calendario*!*/
/*#info #calendario #nuevaActividad.calendarioActividad {*/
	/*bottom: 2px !important;*/
/*}*/

#info #calendario #nuevaActividad .icono {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, .6);
	cursor: pointer;
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, .6);
	font-size: 3.1em;
	vertical-align: middle;
	font-family: 'OxygenLight';
	margin-right: 5px;
}

#info #calendario #nuevaActividad .icono:hover {
	background: rgba(255, 255, 255, 0.3);
	color: rgba(255, 255, 255, .8);
}

#info #calendario #nuevaActividad .icono span {
	display: inline-block;
	width: 40px;
	text-align: center;
	line-height: 64%;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

#info #calendario #nuevaActividad p {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
	font-family: 'OxygenLight';
	font-size: 1.2em;
	color: rgba(255, 255, 255, .4);
}

/* preferencias de entrenamiento */

#info #preferencias .content {
	text-align: center;
}

#info #preferencias .icono {
	text-align: center;
	font-size: 6.8em;
	color: rgba(0, 0, 0, .3);
	line-height: 40%;
	margin: 20px 0 10px 0;
}

#info #preferencias .logo {
	display: inline-block;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .8);
	background-color: #fff;
	background-size: contain;
}

#info #preferencias p {
	text-align: center;
	font-family: 'OxygenLight';
	font-size: 1.2em;
	color: #fff;
	margin: 0px 0 10px 0;
}

#info #preferencias ul {
	text-align: center;
}

#info #preferencias ul li {
	display: inline-block;
	text-align: center;
	margin: 0 1px;
	width: auto;
}

#info #preferencias ul li .check {
	display: inline-block;
	height: 26px;
	width: 26px;
	border-radius: 13px;
	border: 2px solid rgba(255, 255, 255, .6)
}

#info #preferencias ul li .check.checked {
	background-color: rgba(103, 43, 84, .7);
	border: 2px solid rgba(255, 255, 255, .7)
}

#info #preferencias ul li p {
	font-size: .6em;
	margin: 0;
}

#info #preferencias #configPreferencias {
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 2.2em;
	line-height: 100%;
}

#objetivo #configPreferencias {
	position: absolute;
	bottom: -15px;
	right: 10px;
	font-size: 2.2em;
	line-height: 100%;
	color: rgba(0, 0, 0, 0.3);
}

#moreInfo #configPreferencias {
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 2.2em;
	line-height: 100%;
	color: rgba(0, 0, 0, 0.3);
}

/*graficas*/
#graficas {
	padding: 1px;

}

#graficas .tile.miniTile {
	float: none !important;
	width: 50%;
	height: 50%;
}

#graficas .tile.miniTile {
	float: none !important;
	width: 50%;
	height: 50%;
}

#graficas .tile.miniTile .content {
	position: static;
	margin: 2px;
	height: 117px;
}

#graficas .tile.miniTile a {
	text-decoration: none;
	color: #8a007d
}

#graficas #cardio .content {
	background-color: #cb3b92;
}

#graficas #grasa .content {
	background-color: #c9647b;
}

#graficas #fuerza .content {
	background-color: #d68c70;
}

#graficas #flexi .content {
	background-color: #8a007d;
}

#graficas .content .grafica {
	margin: 0 auto;
	width: 80%;
	height: 75%;
}

#graficas .leyenda {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#graficas .leyenda p {
	display: inline-block;
	font-family: 'OxygenLight';
	font-size: .9em;
	color: rgba(0, 0, 0, .3);
}

#graficas .leyenda .icono {
	display: inline-block;
	font-size: 2.3em;
	margin-left: 1px;
	color: rgba(0, 0, 0, .3);
}

/* #3.4 title */

#title article {
	display: table;
	width: 100%;
}

#title #flecha {
	padding-top: 10px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
	width: 80px;
}

#title #flecha .icono {
	display: inline-block;
	width: 80px;
	height: 80px;
	font-family: CianoplanIcons;
	border-radius: 40px;
	font-size: 3em;
	line-height: 160%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2)
}

#title #flecha-arriba-derecha .icono {
	display: inline-block;
	width: 80px;
	height: 80px;
	font-family: CommonIcons;
	border-radius: 40px;
	font-size: 3em;
	line-height: 160%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2)
}

#title #flecha-arriba-derecha {
	display: table-cell;
	padding-left: 10px;
	padding-top: 10px;
	vertical-align: middle;
	width: 80px;
}

#title #flecha .icono:hover,
#title #flecha-arriba-derecha .icono:hover {
	background-color: rgba(256, 256, 256, .6)
}

#title #botonesImprimir {
	display: table-cell;
	vertical-align: middle;
	width: 165px;
	text-align: right;
}

#title #botonesImprimir .icono {
	display: inline-block;
	width: 80px;
	height: 80px;
	font-family: 'CommonIcons';
	border-radius: 50%;
	font-size: 3em;
	line-height: 80px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2)
}

#title #botonesImprimir .icono:hover {
	background-color: rgba(256, 256, 256, .6)
}

#title #texto {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
	font-size: .9em;
}

/* #3.5 formulario */

#formulario {
	margin: 25px 0;
}

#formulario .fTile {
}

#formulario .tile.fTile1 {
	width: 48%;
	padding: 0 1%;
}

#formulario .tile.fTile2 {
	width: 48%;
	padding: 0 1%;
}

#formulario .tile.fTile3 {
	width: 500px;
	max-width: 100%;
	height: 75px;
}

#formulario .tile.fTile4 {
	max-width: 200px;
	height: 100px;
	width: 50%;
}

#formulario h4 {
	margin-left: 0;
}

#formulario input {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
	line-height: 1.5em;
	padding-top: 0;
}

.estilo-input {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
	line-height: 1.5em;
	padding-top: 0;
}

#formulario select {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
}

.estilo_select {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
}

.estilo_select option {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	color: #000;
	margin: 0;
	padding: 0 5px;
}

#formulario select option {
	margin: 0;
	padding: 0 5px;
	border: 1px solid #fff;
	background: none;
	color: #000;
}

#formulario.cuando #guardar {
	margin-top: 40px;
}

#formulario.cuando input {
	width: 75%;
	min-width: 100px;
	vertical-align: bottom;
	text-align: right;
}

.contenedorSlider {
	overflow: auto;
}

/* #3.6 ejercicio */

.ejercicio #title #duracion {
	font-family: 'OxygenLight';
	color: rgba(255, 255, 255, .7);
	display: table-cell;
	vertical-align: middle;
	padding-left: .5em;
}

.ejercicio #title #duracion .title {
	font-size: 1em;
	line-height: 100%;
}

.ejercicio #title #duracion .time {
	font-size: 4.5em;
	line-height: 100%;
	position: relative;
	left: -5px;
	top: -2px;
}

.ejercicio #title #duracion .time span {
	font-size: .2em;
}

.ejercicio #title #resumen {
	text-align: center;
	color: rgba(255, 255, 255, .6);
	padding-top: 15px;
	font-size: 1.1em;
	display: table-cell;
}

.ejercicio #title #resumen > div {
	display: inline-block;
	vertical-align: top;
}

.ejercicio #title #resumen > div:first-child {
	border-right: 1px solid #f6c8ad;
	padding-right: 3px;
}

.ejercicio #title #resumen ul {
	padding: 0 10px;
}

.ejercicio #title #resumen ul li {
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 12px;
	border: 2px solid #fff;
	background-color: #fdeee3;
	box-shadow: inset 0 0 5px #f2a773;
	margin-top: 5px;
	margin-bottom: 15px;
}

.ejercicio #title #resumen ul li.done {
	border: none;
	background-color: #fbdab9;
	box-shadow: none;
}

.ejercicio #title #resumen ul li.doing {
	background-color: #ba3e69;
	box-shadow: none;
}

.ejercicio .nombreEjercicio {
	text-align: left;
	font-family: 'OxygenLight';
	color: #ead2bc;
	font-size: 1.2em;
	position: relative;
	left: 10px;
	padding: 5px 0;
}

.ejercicio #sliderContainer {
	position: relative;
	overflow: hidden;
}

.ejercicio #sliderContainer.carrusel .noMostrar {
	opacity: 0;
}

.ejercicio #sliderContainer.carrusel .bx-pager {
	display: none;
}

.ejercicio #sliderContainer.carrusel .bx-wrapper {
	margin-bottom: 0 !important;
}

.ejercicio #slider {
	position: relative;
	width: 170%;
	left: -35%;
}

.ejercicio #slider .ejemplo .cuerpo .video img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.ejercicio #slider .ejemplo .cuerpo .video iframe {
	width: 100%;
	height: 100%;
}

.ejercicio #slider .ejemplo h1 {
	font-family: 'OxygenRegular';
	font-size: 1.8em;
	text-shadow: 1px 1px rgba(0, 0, 0, .5);
	line-height: 100%;
	padding: 10px 0;
}

.ejercicio #slider .bxslider .ejemplo .datos {
	text-align: center;
	color: rgba(0, 0, 0, .4);
	font-size: 20px;
	padding: 10px;
	background: rgba(255, 255, 255, .3);
	border-radius: 1em;
	margin: 1em;
}

.ejercicio #slider .ejemplo .datos span {
	font-size: 15px;
	margin-left: 5px;
	font-weight: lighter;
}

.ejercicio #slider .ejemplo .datos ul {
	display: block;
	text-align: left;
	padding-bottom: 10px;
}

.ejercicio #slider .ejemplo .datos ul li {
	display: inline-block;
	position: relative;
	top: 3px;
	min-width: 31%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}

.ejercicio #slider .ejemplo .datos ul li .icono {
	display: inline-block;
	font-size: 32px;
	margin-right: 2px;
	font-family: 'CommonIcons';
	position: relative;
	top: -3px;
	line-height: 110%;
	vertical-align: middle;
	margin-top: 5px;
}

.ejercicio #slider .ejemplo .datos ul li .contenedorTexto {
	display: inline-block;
	position: relative;
	top: -3px;
	margin-top: 5px;
	vertical-align: middle;
	font-weight: bolder;
}

.ejercicio #slider .bxslider .ejemplo .datos.grafica {
	text-align: center;
	color: rgba(0, 0, 0, .4);
	font-size: 25px;
	padding: 10px;
	background: none;
	border-radius: 0;
	margin: .5em;
}

.ejercicio #slider .bxslider .ejemplo .datos.grafica ul {
	text-align: center;
}

.ejercicio #slider .ejemplo ul li .contenedorTexto .subtexto {
	font-size: 13px;
	/*line-height: .7;*/
	font-weight: lighter;
}

.ejercicio #slider .ejemplo .datos ul li .boton {
	display: inline-block;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	padding: 0 5px;
	cursor: pointer;
	z-index: 10;
}

.ejercicio #slider .ejemplo .datos ul li .boton:active {
	background-color: rgba(255, 255, 255, .4);
}

.ejercicio .icono.series:after {
	content: 'B';
}

.ejercicio .icono.repetir:after {
	content: 'C';
}

.ejercicio .icono.velocidad:after {
	content: 'D';
}

.ejercicio .icono.intensidad:after {
	content: 'E';
}

.ejercicio .icono.frecuencia:after {
	content: 'G';
}

.ejercicio .icono.amplitud:after {
	content: 'H';
}

.ejercicio .icono.ojosCerrados:after {
	content: 'F';
}

.ejercicio .icono.tiempo:after {
	content: 'f';
}

.ejercicio .icono.peso:after {
	content: 'h';
}

.ejercicio .icono.recuperacion:after {
	content: 'I';
}

.ejercicio .icono.pulsaciones:after {
	content: 'i';
}

.ejercicio .icono.carrera:after {
	font-family: 'ActivitiesIcons';
	content: 'h';
}

.ejercicio .icono.bicicleta:after {
	font-family: 'ActivitiesIcons';
	content: 'p';
}

/*sobreescritura de alguna propiedad del slider*/
.ejercicio #slider .bx-viewport {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

/*.ejercicio .simple #slider .bx-viewport{*/
.ejercicio #slider .bx-viewport {
	height: auto !important;
}

.mobile.ejercicio #slider .bx-viewport {
	background-color: rgba(0, 0, 0, .01); /*para que en andoid browser haga bien la transparencia*/
}

.ejercicio .carrusel #slider .bx-viewport {
	/*padding: 50px 0;*/
}

.ejercicio #slider .bx-pager-link {
	background-color: #000;
}

.ejercicio #slider .bx-pager-link.active {
	background-color: #fff;
}

.ejercicio .sliderSel {
	position: absolute;
	top: 0;
	z-index: 1;
	display: inline-block;
	height: 100%;
	width: 20%;
}

.ejercicio.mobile .sliderSel {
	display: none;
}

.ejercicio .sliderSel#prevSlide {
	left: 0;
}

.ejercicio .sliderSel#nextSlide {
	right: 0;
}

.ejercicio .bxslider .ejemplo .cuerpo {
	min-height: 0 !important;
}

.ejercicio .bxslider .ejemplo .cuerpo .video img {
	height: auto !important;
}

.ejercicio .ejemplo.doble .videos {
	color: #adadad;
}

.ejercicio .ejemplo.doble h1 {
	line-height: 85%;
}

.ejercicio .ejemplo.doble .veces {
	background-color: #fff;
}

.ejercicio .ejemplo.doble .veces .icono {
	display: inline-block;
	font-size: 3em;
}

.ejercicio .ejemplo.doble .veces p {
	display: inline-block;
	font-size: 1.8em;
	font-family: 'OxygenRegular';
	vertical-align: top;
	line-height: 170%;
}

.ejercicio .ejemplo.doble .veces p span {
	font-family: 'OxygenLight';
}

.ejercicio .ejemplo.doble .mitad {
	display: inline-block;
	width: 50%;
	background-color: #f2f1f1;
	vertical-align: top;
}

.ejercicio .ejemplo.doble .mitad .cabecera {
	display: table;
	width: 100%;
}

.ejercicio .ejemplo.doble .mitad .cabecera .contador {
	display: table-cell;
	font-size: 3em;
	color: #d9d9d9;
	font-family: 'OxygenRegular';
	vertical-align: middle;
	width: 40px;
	text-align: left;
	padding-left: 10px;
}

.ejercicio .ejemplo.doble .mitad .cabecera .repeticiones {
	display: table-cell;
	vertical-align: middle;
}

.ejercicio .ejemplo.doble .mitad .cabecera .repeticiones .icono {
	font-size: 1.5em;
	display: inline-block;
}

.ejercicio .ejemplo.doble .mitad .cabecera .repeticiones p {
	display: inline-block;
	font-size: 1em;
}

.ejercicio .ejemplo.doble .mitad .cabecera .repeticiones p span {
	font-size: 1.5em;
}

.ejercicio .ejemplo.doble .mitad .video {
	margin: 0 10px;
}

.ejercicio .ejemplo.doble .cuerpo {
	background-color: #f2f1f1;
}

.ejercicio .ejemplo.doble .cuerpoSinTitulo {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

.ejercicio .botonera {
	text-align: center;
	margin-bottom: 15px;
}

.ejercicio .botonera .botonNaranja {
	height: 90px;
}

.ejercicio .botonera .botonNaranja:after {
	content: 'h';
	font-family: 'CianoplanIcons';
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 3.8em;
}

.ejercicio .botonera .botonNaranja .texto .title {
	display: block;
	font-size: 3.2em;
	font-family: 'OxygenRegular';
}

.ejercicio .botonera .botonNaranja .texto .subtitle {
	display: block;
	font-size: 1.5em;
}

.ejercicio .botonera .botonRosa {
	width: 220px;
	height: 36px;
	text-align: center;
	cursor: pointer;
}

.ejercicio .botonera .botonRosa:hover {
	background-color: #d0267b;
}

.ejercicio .botonera .botonRosa .content {
	background-color: #ac2267;
	border-radius: 2px;
}

.ejercicio .botonera .botonRosa .content .texto {
	font-size: 1.3em;
}

/*carrusel de ejercicios*/
.container {
	width: 50%;
	position: relative;
	margin: 20% auto;
	-webkit-perspective: 1100px;
	-moz-perspective: 1100px;
	-o-perspective: 1100px;
	perspective: 1100px;
}

.container .ampliar {
	/*width: 200% !important;
			left: -50% !important;
			top: -50% !important;*/
	z-index: 100 !important;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
}

.container #carousel {
	width: 100%;
	max-width: 350px;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.container #carousel figure {
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-ms-touch-action: none;
}

.container #carousel figure:nth-child(1)[class="ampliar"] {
	background-color: #E9E9E9;
}

.container #carousel figure .instrucciones {
	cursor: default;
	height: 100%;
}

.container #carousel figure img {
	width: 100%;
	cursor: pointer;
}

.container #carousel figure .screen {
	display: inline-block;
	position: relative;
	padding-bottom: 56%; /*This is the aspect ratio*/
	height: 0;
	overflow: hidden;
	width: 100%;
}

.container #carousel figure .screen iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.video {
	position: relative;
}

.mascaraVideo {
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}

.icono.cambiar {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .8);
	color: rgba(0, 0, 0, .6);
	font-size: 2em;
	text-align: center;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1;
	cursor: pointer;
	opacity: .7;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.icono.cambiar:after {
	content: "";
	background-image: url(../images/ico-change.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.icono.cambiar:hover {
	opacity: 1;
}

.container #carousel .instrucciones {
	background-color: #E9E9E9;
	color: #adadad;
}

.container #carousel .instrucciones h1 {
	color: #fbc073;
	font-size: 1em;
	text-shadow: none;
	line-height: 150%;
	background-color: #fff;
}

.container #carousel .instrucciones h2 {
	color: #adadad;
	font-size: 1em;
	line-height: 200%;
	background-color: #fff;
}

.container #carousel .instrucciones > p {
	font-size: 1em;
	line-height: 200%;
	background-color: #e9e9e9;
}

.container #carousel .instrucciones .datos {
	background-color: #e9e9e9;
}

.container #carousel .instrucciones .datos ul li {
	font-size: 1.5em;
}

.container #carousel .ampliar .instrucciones h1 {
	font-size: 3em;
	line-height: 120%;
}

.container #carousel .ampliar .instrucciones h2 {
	font-size: 1.8em;
}

.container #carousel .ampliar .instrucciones > p {
	font-size: 1.3em;
}

.container #carousel h4 {

	/*==============
				Caja con fondo oscuro debajo de la foto
				==============*/
	color: rgba(255, 255, 255, .9);
	text-shadow: 1px 2px 2px rgba(0, 0, 0, .6);
	font-size: 1.5em;
	text-align: center;
	text-align: center;
	width: 100%;
	background-color: rgba(0, 0, 0, .8);
	margin: 0;
	padding: .5em;
	line-height: 1em;
	display: none;
}

.container #carousel .ampliar h4 {
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.container #carousel .contador {
	position: absolute;
	left: 5px;
	top: 5px;
	color: #ddd;
	font-size: 3em;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
	z-index: 1
}

.container #carousel .instrucciones .datos {
	text-align: left;
	padding: 3px;
	height: 70px;
	overflow: hidden;
}

.container #carousel .instrucciones .datos ul li {
	min-width: 32%;
}

.container #carousel .instrucciones .datos .icono {
	display: inline-block;
	font-size: 15px !important;
	font-family: 'CommonIcons';
	position: relative;
	top: -3px;
	line-height: 110%;
	vertical-align: middle;
	margin-top: 5px;
	color: rgba(0, 0, 0, .2);
}

.container #carousel .instrucciones .datos .contenedorTexto {
	display: inline-block;
	position: relative;
	top: -3px;
	margin-top: 5px;
	vertical-align: middle;
	font-weight: bolder;
}

.container #carousel .instrucciones .datos .contenedorTexto span {
	font-size: 7px;
	margin-left: 3px;
	font-weight: lighter;
}

.container #carousel .instrucciones .datos .contenedorTexto .subtexto {
	font-size: 6px;
	line-height: .7;
	font-weight: lighter;
}

.container #carousel .ampliar .instrucciones .datos {
	padding: 5px;
	height: auto;
}

.container #carousel .ampliar .instrucciones .datos .icono {
	font-size: 35px !important;
}

.container #carousel .ampliar .instrucciones .datos .contenedorTexto span {
	font-size: 16px;
}

.container #carousel .ampliar .instrucciones .datos .contenedorTexto .subtexto {
	font-size: 16px;
}

.ready #carousel {
	-webkit-transition: -webkit-transform 300ms;
	-moz-transition: -moz-transform 300ms;
	-o-transition: -o-transform 300ms;
	transition: transform 300ms;
}

.ready #carousel figure {
	-webkit-transition: opacity 300ms, -webkit-transform 300ms;
	-moz-transition: opacity 300ms, -moz-transform 300ms;
	-o-transition: opacity 300ms, -o-transform 300ms;
	transition: opacity 300ms, transform 300ms;
}

#options {
	position: absolute;
	right: -90px;
	top: 0;
	height: 100%;
	font-family: 'CianoplanIcons';
	font-size: 3em;
	cursor: pointer;
	color: rgba(255, 255, 255, .8);
	z-index: 10;
}

#options #prev {
	position: absolute;
	right: 0;
	top: 25%;
}

#options #next {
	position: absolute;
	right: 0;
	bottom: 25%;
}

/* #3.7 resumen sesion */

.sesion .tileAlone {
	min-height: 0;
}

.sesion #title .tileAlone #botonesImprimir {
	width: auto;
}

.sesion .recuento h3 {
	font-family: 'OxygenRegular';
	color: rgba(255, 255, 255, .6);
}

.sesion .recuento h3 span {
	font-family: 'OxygenLight';
}

.sesion .recuento {
	text-align: center;
	padding: 15px 0;
}

.sesion #ejercicios {
	text-align: left;
}

.sesion #ejercicios .recuento h3 {
	font-size: 50px;
}

.sesion #ejercicios .recuento h3 span {
	font-size: 25px;
}

.sesion #cont_estiramientos {
	text-align: center;
}

.sesion #estiramientos {
	text-align: left;
}

.sesion section#estiramientos ul {
	display: none;
}

.sesion #estiramientos .recuento {
	background-color: rgba(0, 0, 0, .1);
}

.sesion #estiramientos .recuento:hover {
	background-color: rgba(0, 0, 0, .3);
}

.sesion #estiramientos .recuento h3 {
	font-size: 40px;
}

.sesion #estiramientos .recuento h3 span {
	font-size: 22px;
}

.sesion #estiramientos .recuento:after {
	position: absolute;
	right: 20px;
	top: 20px;
	content: 'w';
	font-family: 'CianoplanIcons';
	font-size: 3em;
	color: rgba(255, 255, 255, .6);
}

.sesion .detalle {
	padding: 5px;
}

.sesion .detalle .contenedorPreview {
	min-height: 180px;
	position: relative;
}

.sesion .detalle .contenedorPreview img {

}

.sesion .detalle h4 {

	/*==============
				Caja con fondo oscuro debajo de la foto
				==============*/
	/*color: rgba(255,255,2156,.9);
				text-shadow: 1px 2px 2px rgba(0, 0, 0, .6);
				font-size: 1.2em;
				text-align: center;
				text-align: center;
				width: 100%;
				background-color: rgba(0, 0, 0, .6);
				margin: 0;
				padding: .5em 0;
				min-height: 56px;*/

	/*==============
				Caja con fondo claro sobre la foto
				==============*/

	color: rgba(167, 164, 164, 1);
	text-shadow: 1px 2px 2px rgba(255, 255, 255, .6);
	font-size: 1.2em;
	text-align: center;
	text-align: center;
	width: 100%;
	background-color: rgba(255, 255, 255, .9);
	margin: 0;
	padding: .5em 0;
	/*min-height: 56px;*/
	position: absolute;
	bottom: 0px;
	z-index: 10;
	box-shadow: 0 -3px 5px rgba(0, 0, 0, .05);
	font-weight: bolder;
}

.sesion .detalle .content {
	position: relative;
	line-height: 80%;
}

.sesion .detalle .contador {
	position: absolute;
	left: 5px;
	top: 19px;
	color: #fbc073;
	font-size: 3em;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
	z-index: 1
}

.sesion .detalle img {
	width: 100%;
}

.sesion .detalle .datosDobles {
	display: table;
	margin-top: .5em;
}

.sesion .detalle .datosDobles .separador {
	display: table-cell;
	min-width: .5em;
}

.sesion .detalle .datosDobles .datos {
	display: table-cell;
	width: 50%;
}

.sesion .detalle .datos {
	text-align: center;
	background: rgba(255, 255, 255, .3);
	color: rgba(0, 0, 0, .5);
	font-size: 1em;
	margin: .5em 0 1em 0;
	padding: .5em;
	border-radius: 1em;
}

.sesion .detalle .datos span {
	font-size: 13px;
	margin-left: 3px;
	font-weight: lighter;
}

.sesion .detalle .datos ul {
	display: block;
	text-align: left;
}

.sesion .detalle .datos ul li {
	display: inline-block;
	position: relative;
	top: 3px;
	min-width: 48%;
	text-align: left;
}

.sesion .detalle .datos ul li .icono {
	display: inline-block;
	font-size: 25px;
	/*margin-right: 5px;*/
	font-family: 'CommonIcons';
	position: relative;
	top: -3px;
	line-height: 110%;
	vertical-align: middle;
	margin-top: 5px;
	color: rgba(0, 0, 0, .2);
}

.sesion .detalle .datos ul li .contenedorTexto {
	display: inline-block;
	position: relative;
	top: -3px;
	margin-top: 5px;
	vertical-align: middle;
	font-weight: bolder;
}

.sesion .detalle .datos ul li .contenedorTexto .subtexto {
	font-size: 11px;
	/*line-height: .7;*/
	font-weight: lighter;
}

.sesion #botonera h3 {
	text-align: center;
	font-size: 1.6em;
	color: rgba(255, 255, 2156, .9);
	text-shadow: 1px 2px 2px rgba(0, 0, 0, .6);
	margin: 20px 0;
}

.sesion #botonera .boton .content {
	text-align: center;
	border-radius: 4px;
	font-size: 1.8em;
	line-height: 68px;
	text-shadow: 1px 1px rgba(255, 0, 0, .3);
}

.sesion #botonera .boton.naranja .content {
	background-color: rgb(255, 142, 0);
	padding-right: 20px;
}

.sesion #botonera .boton.naranja .content:hover {
	cursor: pointer;
	background-color: rgba(255, 166, 58, 1);
}

.sesion #botonera .boton.rosa .content:after {
	content: 'h';
	font-family: 'CianoplanIcons';
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 50px;
	text-shadow: none;
}

.sesion #botonera .boton.naranja.conflecha .content:after {
	content: 'h';
	font-family: 'CianoplanIcons';
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 50px;
	text-shadow: none;
}

.sesion #botonera .boton.rosa.sinflecha .content:after {
	content: ' ';
}

.sesion #botonera .boton.rosa .content {
	background-color: #ac2267;
}

.sesion #botonera .boton.rosa .content:hover {
	cursor: pointer;
	background-color: #d0267b;
}

.sesion .ejemplo.doble {
	position: relative;
}

.sesion .ejemplo.doble .veces {
	text-align: center;
}

.sesion .ejemplo.doble .veces .icono {
	font-size: 1.7em;
	line-height: 120%
}

.sesion .ejemplo.doble .veces p {
	font-size: 1.1em;
}

.sesion .ejemplo.doble .mitad {
	position: absolute;
	bottom: 0;
	top: 0;
	padding-top: 1em;
}

.sesion .ejemplo.doble .mitad.second {
	right: 0 !important;
}

.sesion .ejemplo.doble .mitad .cabecera .repeticiones {
	text-align: center;
	padding: 5px 0;
}

.sesion .ejemplo.doble .mitad .cabecera .repeticiones .icono {
	font-size: 1em;
}

.sesion .ejemplo.doble .mitad .cabecera .repeticiones p {
	font-size: 11px;
	font-weight: lighter;
}

.sesion .ejemplo.doble .mitad .cabecera .repeticiones p span {
	font-size: 15px;
	font-weight: bolder;
}

.sesion .ejemplo.doble .mitad .video {
	margin: 0 5px;
	position: relative;
}

.sesion .ejemplo.doble .mitad .datos {
	font-size: 1em;
	min-height: 0;
	border-radius: 0;

}

.sesion .ejemplo.doble .mitad .datos .icono {
	font-size: 1em;
}

.sesion .content .estirar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.sesion .ejemplo.doble .content .videos {
	background-color: #f2f1f1;
	height: 100%;
}

.sesion .circuito .instrucciones {
	background-color: #fff;
	color: #adadad;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.sesion .circuito .instrucciones h1 {
	color: #fbc073;
	font-size: 1em;
	font-size: 2em;
	text-shadow: none;
	line-height: 150%;
}

.sesion .circuito .instrucciones h2 {
	color: #adadad;
	font-size: 1em;
	line-height: 200%;
}

.sesion .circuito .instrucciones p {
	font-size: 1em;
	line-height: 200%;
	background-color: #e9e9e9;
}

.sesion .circuito .instrucciones .datos {
	background-color: #e9e9e9;
}

.sesion .circuito .instrucciones .datos ul li {
	font-size: 1em;
}

.cabecera-resumen-sesion {
	display: table;
	width: 100%;
}

.cabecera-resumen-sesion > div {
	display: table-cell;
	vertical-align: middle;
}

#duracion-resumen {
	font-family: 'OxygenLight';
	color: #fcebdc;
	text-align: right;
	width: 110px;
}

#duracion-resumen .title {
	font-size: 1em;
	line-height: 100%;
}

#duracion-resumen .time {
	font-size: 4.5em;
	line-height: 100%;
	position: relative;
	left: -5px;
	top: -2px;
}

#duracion-resumen .time span {
	font-size: .2em;
}

/*3.8 Test*/
.test #title #duracion {
	position: absolute;
	font-family: 'OxygenLight';
	color: #fcebdc;
	top: 8px;
	left: 10px;
}

.test #title #duracion .title {
	font-size: 1em;
	line-height: 100%;
}

.test #title #duracion .time {
	font-size: 4.5em;
	line-height: 100%;
	position: relative;
	left: -5px;
	top: -2px;
}

.test #title #duracion .time span {
	font-size: .2em;
}

.test #title #resumen {
	text-align: center;
	color: #fcebdc;
	padding-top: 15px;
	font-size: 1.1em;
}

.test #title #resumen > div {
	display: inline-block;
}

.test #title #resumen > div:first-child {
	border-right: 1px solid #f6c8ad;
	padding-right: 3px;
}

.test #title #resumen ul {
	padding: 0 10px;
}

.test #title #resumen ul li {
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 12px;
	border: 2px solid #fff;
	background-color: #fdeee3;
	box-shadow: inset 0 0 5px #f2a773;
	margin-top: 5px;
	margin-bottom: 15px;
}

.test #title #resumen ul li.done {
	border: none;
	background-color: #fbdab9;
	box-shadow: none;
}

.test #title #resumen ul li.doing {
	background-color: #ba3e69;
	box-shadow: none;
}

.test .nombretest {
	text-align: left;
	font-family: 'OxygenLight';
	color: #ead2bc;
	font-size: 1.2em;
	position: relative;
	left: 10px;
	padding: 5px 0;
}

.test #sliderContainer {
	position: relative;
}

.test #slider {
	position: relative;
	width: 170%;
	left: -35%;
}

.test #slider .ejemplo h1 {
	font-family: 'OxygenRegular';
	font-size: 1.8em;
	text-shadow: 1px 1px rgba(0, 0, 0, .5);
}

.test #slider .ejemplo .datos {
	padding: 10px 0 5px 0;
}

.test #slider .ejemplo .datos ul li {
	display: inline-block;
	color: rgba(0, 0, 0, .4);
	font-size: 30px;
	padding: 0 10px;
}

.test #slider .ejemplo .datos ul li span {
	font-size: 15px;
	margin-left: 5px;
}

.test #slider .ejemplo .datos ul li.boton {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
}

.test #slider .ejemplo .datos ul li.boton:active {
	background-color: rgba(255, 255, 255, .4);
}

.test #slider .ejemplo .datos ul li.boton span {
	margin-left: 0px;
	vertical-align: middle;
}

.test #slider .ejemplo .datos ul li .icono {
	display: inline-block;
	font-size: 32px;
	margin-right: 5px;
	font-family: 'ActivitiesIcons';
}

.test .icono.carrera:after {
	content: 'h';
}

.test .icono.bicicleta:after {
	content: 'p';
}

/*.test #slider .ejemplo .contenedorGrafica {
						min-height: 300px;
					}*/
.test .grafica {
	min-height: 300px;
}

.test .contenedorGrafica {
	min-height: 300px;
}

/*sobreescritura de alguna propiedad del slider*/
.test #slider .bx-viewport {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

.test #slider .bx-pager-link {
	background-color: #000;
}

.test #slider .bx-pager-link.active {
	background-color: #fff;
}

.test .sliderSel {
	position: absolute;
	top: 0;
	z-index: 1;
	display: inline-block;
	height: 100%;
	width: 25%;
	/*background-color: rgba(255,0,0,.5);*/
}

.test .sliderSel#prevSlide {
	left: 0;
}

.test .sliderSel#nextSlide {
	right: 0;
}

.test .botonera {
	text-align: center;
	margin-bottom: 15px;
}

.detalleTest span {
	display: inline-block;
	margin: .3em;
	padding: .3em;
	font-family: CianoplanIcons;
	border-radius: 100%;
	font-size: 1.5em;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .6);
}

.detalleTest span {
	margin: .3em;
	padding: .3em;
	font-family: CianoplanIcons;
	border-radius: 100%;
	font-size: 1.5em;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .6);
}

.detalleTest p {
	display: inline;
	font-family: 'OxygenLight';
	opacity: .9

}

.detalleTest:hover {
	cursor: pointer;
}

.detalleTest:hover span {
	background-color: rgba(255, 255, 255, .6);
	color: rgba(255, 255, 255, 1);

}

.detalleTest:hover p {
	opacity: 1;
}

.listaResultados ul {
	padding: 0px;
	float: left;
	margin: 15px 0px;
	width: 90%;
	list-style: none;
}

.listaResultados li {
	font-size: .9em;
	font-family: "OxygenLight";
	display: inline-block;
	padding-right: 2%;
	width: 29%;
	text-align: right;
	padding-top: 5px;
	vertical-align: middle;
}

.listaResultados li span {
	font-family: "OxygenBold";
	color: #FBC073;
	vertical-align: middle;
	float: left;
}

.listaResultados li.oneCol {
	width: auto;
	min-width: 50%;
	font-size: 1.2em;
	padding-top: 0;
	font-family: 'OxygenBold';
}

.listaResultados li.oneCol span {
	font-size: 1.2em;
	padding-right: .5em;
}

/* #3.9 nueva actividad */
#cuenta_actividad {
	margin-top: 5px;
}

#cuenta_actividad ul li {
	display: inline-block;
	color: rgba(255, 255, 255, .8);
	font-size: 30px;
	padding: 0 10px
}

#cuenta_actividad ul li span {
	font-size: 15px;
	margin-left: 5px;
}

#cuenta_actividad ul li.boton {
	border-radius: 4px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
}

#cuenta_actividad ul li.selected {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
}

#cuenta_actividad ul li.boton:active {
	background-color: rgba(255, 255, 255, .4);
}

#cuenta_actividad ul li.boton:hover {
	background-color: rgba(255, 255, 255, .3);
}

#cuenta_actividad ul li.boton span {
	margin-left: 0px;
	vertical-align: middle;
}

#cuenta_actividad ul li .icono {
	width: 40px;
	height: 40px;
	display: inline-block;
	font-size: 25px;
	margin-right: 5px;
	font-family: 'CommonIcons';
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2)
}

#ejercicios_actividad {
	margin-top: 15px;
	overflow: auto;
}

.wrapper_full h4.margen {
	margin-top: 25px;
}

#ejercicios_actividad .bx-wrapper,
.contenedorSlider .bx-wrapper {
	overflow: hidden !important;
	margin-bottom: 10px !important;
}

#ejercicios_actividad .bx-viewport,
.contenedorSlider .bx-viewport {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	height: auto !important;
	width: 101% !important;
}

#ejercicios_actividad .bx-controls,
.contenedorSlider .bx-controls {
	display: none;
}

.contenedorSlider .lista-estrecha li {
	width: 130px !important;
}

.contenedorSlider .lista-estrecha {
	margin-left: 40.7% !important;
}

#ejercicios_actividad ul.slider_actividad {
	margin-top: 15px;
	position: relative;
	margin-left: 45.7% !important;
}

.mobile #ejercicios_actividad ul.slider_actividad {
	margin-left: 0 !important;
}

#ejercicios_actividad ul.slider_actividad li {
	display: inline-block;
	color: rgba(255, 255, 255, .5);
	padding: 0 5px;
	/*min-width: 120px;*/
	min-height: 150px;
	text-align: center;
	display: inline-table;
	vertical-align: top;
	width: 100px !important;
}

/*.mobile #ejercicios_actividad ul.slider_actividad li{
			width: 100px;
		}*/

#ejercicios_actividad ul.slider_actividad li .centradoVer {
	display: table-cell;
	vertical-align: middle;
}

#ejercicios_actividad ul.slider_actividad li span {
	display: block;
	font-size: 13px;
	min-height: 32px;
}

#ejercicios_actividad ul.slider_actividad li .icono {
	width: 60px;
	height: 60px;
	display: inline-block;
	font-size: 35px;
	font-family: 'ActivitiesIcons';
	border-radius: 30px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2);
	transition: all 0.4s;
}

#ejercicios_actividad ul.slider_actividad li.selected span {
	display: block;
	font-size: 17px;
	transition: all 0.8s;
	color: rgba(255, 255, 255, .8);
}

#ejercicios_actividad ul.slider_actividad li.selected .icono {
	width: 100px;
	height: 100px;
	font-size: 55px;
	border-radius: 50px;
	line-height: 100px;
	border: 2px solid rgba(255, 255, 255, .8);
	color: rgba(255, 255, 255, .8);
	background-color: rgba(0, 0, 0, .4);
	transition: all 0.4s;
}

#tu_centro {
	margin-top: 20px;
}

/* Mensaje Over */
.contenidoOver section {
	font-size: 100%;
	padding: 1em;
	font-family: 'OxygenRegular';
}

.contenidoOver section h2 {
	margin: 1.5em auto;
	line-height: 140%;
}

.contenidoOver section > .saludo {
	color: #c0c0c0;
	font-size: 160%;
}

.contenidoOver section > .respuesta {
	display: block;
	padding: 0.5em 1em;
	margin: 1.5em auto;
	width: 70%;
	text-decoration: none;
	color: #ffffff;
	font-family: 'OxygenLight';
	font-size: 145%;
	border-radius: 4px;
}

.contenidoOver section > .respuesta .breve {
	font-weight: bold;
}

.contenidoOver section > .respuesta.grande {
	line-height: 130%;
	background-color: rgba(255, 142, 0, 1);
}

.contenidoOver section > .respuesta.grande .breve {
	font-size: 150%;
}

.contenidoOver section > .respuesta.grande:hover,
.contenidoOver section > .respuesta.grande:active {
	background-color: rgba(255, 166, 58, 1);
}

.contenidoOver section > .respuesta.pequena {
	width: 55%;
	font-size: 125%;
	line-height: 150%;
	background-color: rgba(150, 150, 150, 0.6);
}

.contenidoOver section > .respuesta.pequena .breve {
	font-size: 140%;
}

.contenidoOver section > .respuesta.pequena:hover,
.contenidoOver section > .respuesta.pequena:active {
	background-color: rgba(200, 200, 200, 0.7);
}

.contenidoOver #forma-pago h2 {
	margin-bottom: 0;
}

.contenidoOver #forma-pago > #precio {
	font-size: 300%;
	font-weight: bolder;
	font-family: 'OxygenRegular';
}

.contenidoOver #forma-pago .precio {
	font-family: "OxygenRegular";
	font-size: 300%;
	font-weight: bolder;
	text-align: center;
}

.contenidoOver #forma-pago > #precio .ratio {
	font-size: 50%;
}

.contenidoOver #forma-pago > .pregunta {

}

.contenidoOver #forma-pago #enlaces-pago {
	display: block;
	text-align: center;
}

.contenidoOver #forma-pago .enlaces-pago {
	display: block;
	text-align: center;
}

.contenidoOver #forma-pago #enlaces-pago > .respuesta {
	display: inline-block;
	margin: 0.5em 1.2em;
	padding: 0.5em;
	text-decoration: none;
	color: #ffffff;
}

.contenidoOver #forma-pago .enlaces-pago > .respuesta {
	display: inline-block;
	margin: 0.5em 1.2em;
	padding: 0.5em;
	text-decoration: none;
	color: #ffffff;
}

.contenidoOver #forma-pago #enlaces-pago > .respuesta .icono {
	display: block;
	margin: 0.5em;
	padding: 0.5em;
	width: 100px;
	height: 100px;
	text-align: center;
	font-family: 'CommonIcons';
	font-size: 300%;
	border: 2px solid #c0c0c0;
	border-radius: 50%;
	margin-bottom: 5px;
	background-color: rgba(0, 0, 0, 0.3);
}

.contenidoOver #test-preguntar .enlaces-pago > .respuesta .icono {
	display: block;
	margin: 0.5em;
	padding: 0.5em;
	width: 100px;
	height: 100px;
	text-align: center;
	font-family: 'CommonIcons';
	font-size: 300%;
	border: 2px solid #c0c0c0;
	border-radius: 50%;
	margin-bottom: 5px;
	background-color: rgba(0, 0, 0, 0.3);
}

.contenidoOver #forma-pago .enlaces-pago > .respuesta .icono {
	display: block;
	margin: 0.5em;
	padding: 0.5em;
	width: 100px;
	height: 100px;
	text-align: center;
	font-family: 'CommonIcons';
	font-size: 300%;
	border: 2px solid #c0c0c0;
	border-radius: 50%;
	margin-bottom: 5px;
	background-color: rgba(0, 0, 0, 0.3);
}

.contenidoOver #forma-pago .enlaces-pago > .respuesta .app {
	display: block;
	margin: 0.5em;
	padding: 34px 10px 10px;
	width: 100px;
	height: 100px;
	text-align: center;
	border: 2px solid #c0c0c0;
	border-radius: 50%;
	margin-bottom: 5px;
	background-color: rgba(0, 0, 0, 0.3);
}

.contenidoOver #forma-pago #enlaces-pago > .respuesta:hover .icono,
.contenidoOver #forma-pago #enlaces-pago > .respuesta:active .icono {
	background-color: rgba(150, 150, 150, 0.3);
}

.contenidoOver #generico .manzana {
	font-size: 4.5em;
	margin-bottom: 10px;
}

.contenidoOver #generico .titulo {
	font-size: 2.2em;
	font-family: 'OxygenRegular';
	margin-bottom: 20px;
}

.contenidoOver #generico .texto {
	font-size: 1.4em;
	font-family: 'OxygenLight';
	margin-bottom: 20px;
}

.contenidoOver #generico .texto.pregunta {
	font-weight: bold;
}

.contenidoOver .botonera {
	text-align: center;
}

.contenidoOver .botonera .respuesta {
	display: inline-block;
	font-family: 'OxygenLight';
	width: 100px;
	height: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 400%;
	font-size: 1.4em;
	border: 2px solid #c0c0c0;
	border-radius: 50%;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
	margin: 0 30px;
}

.contenidoOver .botonera .respuesta:hover {
	background-color: rgba(150, 150, 150, 0.3);
}

.textoGris {
	color: #c0c0c0;
}

.centrado {
	text-align: center;
}

.negrita {
	font-weight: bold;
}

.textoNegro {
	color: rgba(0, 0, 0, .4);
}

.textoNaranja {
	color: rgb(255, 142, 0);
}

.textoNaranjaClaro {
	color: #FBC073;
}

.cursiva {
	font-style: italic;
}

.vBottom {
	vertical-align: baseline;
}

.margin_0 {
	margin: 0 !important;
}

.margin_t20 {
	margin: 20px 0 0 0 !important;
}

/* #3.10 datos antropometricos */

.antropometricos .tiraSuperior .wrapper {
	text-align: left;
}

.antropometricos .tiraSuperior .wrapper #userData #name {
	display: table;
	width: 100%;
}

.antropometricos .tiraSuperior .wrapper #userData #name #foto {
	display: table-cell;
	vertical-align: middle;
	margin-top: 10px;
}

.antropometricos .tiraSuperior .wrapper #userData #name #noFoto {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.antropometricos .tiraSuperior .wrapper #userData #name h1 {
	font-size: 2em;
}

.antropometricos .tiraSuperior .wrapper #userData #name h3 {
	font-size: 1.5em;
	color: #fff;
	/*background:none !important;
				padding-left: 0 !important;*/
}

.antropometricos .datos {
	margin-top: 20px;
}

.antropometricos #monigote {
	text-align: center;
	/*width: 100%;*/
	height: 248px;
}

.antropometricos #monigote #silueta {
	display: inline-block;
	width: 100%;
	height: 100%;
	opacity: .6;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.mujer.antropometricos #monigote #silueta {
	background-image: url(../images/woman_black_pic.png);
}

.hombre.antropometricos #monigote #silueta {
	background-image: url(../images/man_black_pic.png);
}

.antropometricos #monigote #corazon {
	font-size: 3.3em;
	color: rgba(0, 0, 0, .8);
	position: absolute;
	top: 50px;
	left: 46%;
	width: 50px;
}

.antropometricos #monigote .numero {
	position: absolute;
	width: 50px;
	text-align: center;
	font-size: .3em;
}

.antropometricos #monigote .numero span {
	display: block;
	font-size: 4.2em;
	line-height: 100%;
}

.antropometricos #monigote #pulsaciones {
	top: 50px;
	left: 46%;
}

.antropometricos #monigote #pulsaciones span {
	margin-top: 12px;
}

.antropometricos #monigote #peso {
	top: 105px;
	left: 41%;
}

.antropometricos #monigote #altura {
	bottom: 0;
	left: 68%;
	width: 42px;
	height: 42px;
	border-radius: 21px;
	background-color: rgba(255, 255, 255, .8);
	color: rgba(0, 0, 0, .8);
}

.antropometricos #monigote #altura span {
	margin-top: 7px;
}

.antropometricos #monigote #lineaAltura {
	position: absolute;
	bottom: 10px;
	top: 10px;
	left: 76%;
	width: 2px;
	background-color: rgba(255, 255, 255, .3);
	color: rgba(255, 255, 255, .4);
	font-family: 'CianoplanIcons';
}

.antropometricos #monigote #lineaAltura:before {
	content: 'p';
	position: absolute;
	top: -8px;
	left: -7px;
}

.antropometricos #monigote #lineaAltura:after {
	content: 'o';
	position: absolute;
	bottom: -8px;
	left: -7px;
}

.antropometricos #manejadores {

}

.antropometricos #manejadores p {
	font-family: 'OxygenLight';
	font-size: 1.5em;
	color: rgba(255, 255, 255, .6);
	margin: 5px 0;
}

.antropometricos #manejadores input[type='text'] {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 150px;
	padding: 2px 5px;
	font-size: 1.2em;
	font-family: 'OxygenLight';
}

.antropometricos #manejadores input[type='range'] {
	-webkit-appearance: none;
	width: 80%;
	height: 2px;
	background-color: silver;
	border: none;
}

.antropometricos #manejadores input[type='range']::-moz-range-track {
	-moz-appearance: none;
	width: 80%;
	height: 2px;
	background-color: silver;
	border: none;
}

.antropometricos #manejadores input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: #fff;
	opacity: 0.8;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.antropometricos #manejadores input[type='range']::-moz-range-thumb {
	-moz-appearance: none;
	background-color: #fff;
	opacity: 0.8;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

/* Test-Entrenar */

.contenidoOver #test-entrenar {
	display: block;
	margin: 2em auto;
	width: 100%;
	max-width: 2150px;
	font-size: 100%;
	font-family: 'OxygenRegular';
}

.textoGris {
	color: #c0c0c0;
}

.centrado {
	text-align: center;
}

.negrita {
	font-weight: bold;
}

.cursiva {
	font-style: italic;
}

#intro-datos {
	display: block;
	margin: 0.5em auto;
	width: 90%;
	text-align: center;
	font-family: 'OxygenRegular';
	font-size: 115%;
	line-height: 120%;
}

#foto-usuario {
	height: 200px;
	font-size: 75%;
	background-color: transparent;
	border: none;
}

#drop-photo {
	display: table;
	margin: 0.25em auto !important;
	width: 120px;
	height: 120px;
	border: 2px dashed #dddddd;
	border-radius: 50%;
	background-size: cover;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

#drop-photo span {
	display: table-cell;
	vertical-align: middle;
	color: #dddddd;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: rgba(50, 50, 50, 0.4);
}

.drop-photo {
	display: table;
	margin: 0.25em auto !important;
	width: 120px;
	height: 120px;
	border: 2px dashed #dddddd;
	border-radius: 50%;
	background-size: cover;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.drop-photo span {
	display: table-cell;
	vertical-align: middle;
	color: #dddddd;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: rgba(50, 50, 50, 0.4);
}

#foto-usuario #seleccionar-foto {
	position: relative;
	display: block;
	margin: 0.5em auto;
	width: 200px;
	line-height: 2.5em;
	font-size: 125%;
	background: rgba(150, 150, 150, 0.9);
	border-radius: 8px;
}

#foto-usuario .seleccionar-foto {
	position: relative;
	display: block;
	margin: 0.5em auto;
	width: 200px;
	line-height: 2.5em;
	font-size: 125%;
	background: rgba(150, 150, 150, 0.9);
	border-radius: 8px;
}

#foto-usuario input[type='file'] {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -20px;
	top: -130px;
	opacity: 0;
	cursor: pointer;
}

#nombre-usuario {
}

#nombre-usuario input {
	margin: 10px auto 30px auto;
	width: 40%;
}

#nombre-usuario #flecha {
	position: fixed;
	right: 5px;
	width: 80px;
	height: 80px;
}

#nombre-usuario #flecha .icono {
	display: inline-block;
	width: 80px;
	height: 80px;
	font-family: CianoplanIcons;
	border-radius: 50%;
	font-size: 3em;
	line-height: 160%;
	text-align: center;
	vertical-align: middle;
	border: 3px solid rgb(252, 222, 185);
	cursor: pointer;
	background-color: rgba(256, 256, 256, .2)
}

#nombre-usuario #flecha .icono:hover {
	background-color: rgba(256, 256, 256, .8)
}

#sexo-usuario .respuesta {
	display: inline-block;
	margin: 10px 0 0 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 600%;
	font-family: 'CommonIcons';
	cursor: pointer;
}

#sexo-usuario .respuesta:before {
	color: rgba(255, 255, 255, 0.8);
	font-size: 700%;
}

#sexo-usuario .respuesta.active {
	color: rgba(255, 255, 255, 0.8);
	font-size: 700%;
}

#sexo-usuario label:hover,
#sexo-usuario label:active {
	color: rgba(255, 255, 255, 0.7);
}

#sexo-usuario input[type='radio']:checked + label:hover,
#sexo-usuario input[type='radio']:checked + label:active {
	color: rgba(255, 255, 255, 0.7);
	font-size: 700%;
}

#sexo-usuario .respuesta + input[type='radio'] {
	display: none;
}

#sexo-usuario input[type=radio]:checked + label:before {
	color: rgba(0, 0, 0, 0.8);
	font-size: 700%;
}

/*** Círculos de preferencias de tiempo ***/
.mobile .circulo-preferencias:hover,
.circulo-preferencias {
	display: table;
	margin: 0.25em auto !important;
	width: 120px;
	height: 120px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
	overflow: hidden;
}

.circulo-preferencias.duracion {
	display: table;
}

.circulo-preferencias.duracion span {
	vertical-align: middle;
	color: #dddddd;
	display: table-cell;
}

.circulo-preferencias.duracion span small {
	display: inline;
	display: table-cell;
}

.circulo-preferencias:hover {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.mobile .circulo-preferencias.seleccionado:hover,
.circulo-preferencias.seleccionado {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.circulo-preferencias span {
	display: table;
	height: 100%;
	width: 100%;
	color: #dddddd;
	vertical-align: middle;
}

.circulo-preferencias span small {
	display: table-cell;
	vertical-align: middle;
}

/*** Círculos preferencias días de la semana ***/
.mobile .circulo-preferencias-dias:hover,
.circulo-preferencias-dias {
	display: table;
	margin: 0.25em auto !important;
	width: 70px;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
}

.circulo-preferencias-dias:hover {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.mobile .circulo-preferencias-dias.seleccionado:hover,
.circulo-preferencias-dias.seleccionado {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.circulo-preferencias-dias span {
	display: table-cell;
	vertical-align: middle;
	color: #dddddd;
}

/*** Círculos de preferencias lugar ***/
.mobile .circulo-preferencias-lugar:hover,
.circulo-preferencias-lugar {
	display: table;
	margin: 0.25em auto !important;
	width: 120px;
	height: 120px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
}

.circulo-preferencias-lugar:hover {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.mobile .circulo-preferencias-lugar.seleccionado:hover,
.circulo-preferencias-lugar.seleccionado {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.circulo-preferencias-lugar span {
	display: table-cell;
	vertical-align: middle;
	color: #dddddd;
}

/*** Círculos de preferencias modal entrenar ***/
.mobile .circulo-preferencias-entrenar:hover,
.circulo-preferencias-entrenar {
	display: table;
	margin: 0.25em auto !important;
	width: 100px;
	height: 100px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
}

.circulo-preferencias-entrenar:hover {
	background-color: rgba(50, 50, 50, 0.4);
	border: 2px solid #dddddd;
}

.mobile .circulo-preferencias-entrenar.seleccionado:hover,
.circulo-preferencias-entrenar.seleccionado {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.circulo-preferencias-entrenar span {
	display: table-cell;
	vertical-align: middle;
	color: #dddddd;
}

.circulo-preferencias small {
	font-size: 14px;
}

/*** Círculos patologías ***/
.mobile .circulo-patologias:hover,
.circulo-patologias {
	display: table;
	margin: 0.25em auto !important;
	width: 125px;
	height: 125px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
}

.circulo-patologias:hover {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.mobile .circulo-patologias.seleccionado:hover,
.circulo-patologias.seleccionado {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.circulo-patologias span {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.7em;
	color: #dddddd;
}

/*** Círculos materiales ***/
.mobile .circulo-patologias-material:hover,
.circulo-patologias-material {
	display: table;
	margin: 0.25em auto !important;
	width: 80px;
	height: 80px;
	border: none;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
}

.mobile .circulo-preferencias-material:hover,
.circulo-preferencias-material {
	display: table;
	margin: 0.25em auto !important;
	width: 70px;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
}

.circulo-preferencias-material:hover {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.mobile .circulo-preferencias-material.seleccionado:hover,
.circulo-preferencias-material.seleccionado {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.circulo-preferencias-material span {
	display: table-cell;
	vertical-align: middle;
	color: #dddddd;
}

.mobile .circulo-preferencias-test-entrenar:hover,
.circulo-preferencias-test-entrenar {
	display: table;
	margin: 0.25em auto !important;
	width: 100px;
	height: 100px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	cursor: pointer;
}

.circulo-preferencias-test-entrenar:hover {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.mobile .circulo-preferencias-test-entrenar.seleccionado:hover,
.circulo-preferencias-test-entrenar.seleccionado {
	background-color: rgba(103, 43, 84, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
}

.circulo-preferencias-test-entrenar span {
	display: table-cell;
	vertical-align: middle;
	color: #dddddd;
}

#contenedor-lugar {
	margin-bottom: 20px;
}

.big {
	font-size: 4em;
}

.dosem {
	font-size: 2em;
}

.lista-horizontal {
	position: absolute;
	width: 100%;
	height: 140px;
	text-align: center;
}

.lista-entrenador {
	width: 100%;
	text-align: center;
	height: 140px;
}

.lista-entrenador li {
	width: 119px;
	display: inline-block;
}

.lista-horizontal li {
	vertical-align: top;
	width: 120px;
	display: inline-block;
	list-style: none;
	margin-left: 5px;
}

.lista-estrecha {
	width: 100%;
	text-align: center;
}

.lista-estrecha li {
	vertical-align: top;
	width: 120px;
	display: inline-block;
	list-style: none;
	margin-left: 5px;
}

.lista-separada {
	width: 100%;
	text-align: center;
}

.lista-separada li {
	vertical-align: top;
	width: 160px;
	display: inline-block;
	list-style: none;
	margin-left: 5px;
}

.lista-separada p,
.lista-estrecha p,
.lista-materiales p {
	font-size: 0.9em;
	color: rgba(255, 255, 255, 0.6);
}

.lista-materiales li {
	vertical-align: top;
	width: 120px;
	display: inline-block;
	list-style: none;
	margin-left: 5px;
}

.pelota-pequena li {
	vertical-align: top;
	width: 80px !important;
	display: inline-block;
	list-style: none;
	margin-left: 5px;
}

.antropometricos #monigote #lineaAltura:before {
	content: 'p';
	position: absolute;
	top: -8px;
	left: -7px;
}

/* 3.11 Historico Actividad   */

#actividades {
	margin-top: 5px;
}

#actividades ul li {
	display: inline-block;
	color: rgba(255, 255, 255, .8);
	font-size: 30px;
	padding: 0 10px
}

#actividades ul li span {
	font-size: 15px;
	margin-left: 5px;
}

#actividades ul li.boton {
	border-radius: 4px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
}

#actividades ul li.selected {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
}

#actividades ul li.boton:active {
	background-color: rgba(255, 255, 255, .4);
}

#actividades ul li.boton:hover {
	background-color: rgba(255, 255, 255, .3);
}

#actividades ul li.boton span {
	margin-left: 0px;
	vertical-align: middle;
}

#actividades ul li .icono {
	width: 40px;
	height: 40px;
	display: inline-block;
	font-size: 25px;
	margin-right: 5px;
	font-family: 'ActivitiesIcons';
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2)
}

#resumen_historico {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 5px;
	text-align: left;
}

#resumen_historico th {
	font-size: 1.5em;
	padding: 0px 5px;
	color: #FBC073;
}

#resumen_historico thead tr {
	background-color: rgba(255, 255, 255, 0);
}

#resumen_historico tr {
	background-color: rgba(255, 255, 255, 0.2);
}

#resumen_historico tr.even {
	background-color: rgba(255, 255, 255, 0.4);
}

#resumen_historico td {
	padding: 10px 5px;
}

#resumen_historico td .icono {
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 15px;
	margin-right: 5px;
	font-family: 'CommonIcons';
	border-radius: 15px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, .4);
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .4);
}

#resumen_historico td .icono:hover {
	color: rgba(255, 255, 255, .8);
	border: 2px solid rgba(255, 255, 255, .8);
}

#resumen_historico td.footable-first-column {
	min-width: 100px;
}

#resumen_historico .footable-toggle::before {
	color: #fff;
	font-size: 20px;
	content: "+";
	display: inline-block;
	text-align: center;
	width: 20px;
}

#resumen_historico .footable-detail-show .footable-toggle::before {
	content: "-";
}

/*   teses    */

#datos-composicion {
	margin-bottom: 30px;
}

#datos-composicion h5 {
	margin: 16px 5px;
}

#datos-composicion input {
	margin: 0 auto 20px;
	width: 200px;
	text-align: right;
}

#datos-composicion p {
	margin: 0 auto 5px;
}

#datos-composicion ol {
	max-width: 500px;
	margin: 20px auto 40px;
	text-align: left;
}

#datos-composicion ol.grande {
	max-width: 700px;
}

#datos-composicion ol.primera {
	margin: 20px auto 0px;
}

#datos-composicion ol.segunda {
	margin: 0px auto;
	/*counter-reset: 2;*/
}

#datos-composicion ol li {
	margin: 15px 0;
	color: rgba(0, 0, 0, .4);
	font-size: 21px;
}

#datos-composicion ol li span {
	font-size: 18px;
	color: #FFFFFF;
}

#datos-composicion ol li img {
	margin-top: 15px;
}

#datos-composicion ul.toma_medidas {
	margin-bottom: 35px;
}

#datos-composicion ul.toma_medidas li {
	display: inline-block;
}

#datos-composicion ul.toma_medidas li input {
	width: 100px;
	margin: 0 5px;
	text-align: right;
}

#datos-composicion .bx-wrapper {
	overflow: hidden !important;
	margin-bottom: 10px !important;
}

#datos-composicion .bx-viewport {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	height: auto !important;
	width: 101% !important;
}

#datos-composicion .bx-controls {
	display: none;
}

#datos-composicion ul#lista_ejercicios {
	margin-top: 25px;
	position: relative;
	width: 100%;
	left: 46%;
}

#datos-composicion ul#lista_ejercicios li {
	display: inline-block;
	cursor: pointer;
}

#datos-composicion ul#lista_ejercicios li .image {
	width: 100%;
}

#datos-composicion ul#lista_ejercicios li .descripcion_ejercicio {
	color: #FFFFFF;
	text-align: center;
}

#datos-composicion ul#lista_ejercicios li .descripcion_ejercicio h5 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.mb0 {
	margin-bottom: 0 !important;
}

/*grafica/selector de esfuerzo*/

#esfuerzo .respuesta {
	display: inline-block;
	max-width: 50px;
	width: 12%;
	background-color: rgba(255, 255, 255, .6);
	cursor: pointer;
	margin: 5px;
}

#esfuerzo .respuesta:hover {
	background-color: rgba(0, 0, 0, .3) !important;
	border: 2px solid rgba(0, 0, 0, .1) !important;
}

#esfuerzo .respuesta#xs {
	height: 30px;
}

#esfuerzo .respuesta#s {
	height: 45px;
}

#esfuerzo .respuesta#m {
	height: 65px;
}

#esfuerzo .respuesta#l {
	height: 85px;
}

#esfuerzo .respuesta#xl {
	height: 100px;
}

#esfuerzo .respuesta + input[type='radio'] {
	display: none;
}

/* #3.12 chat */

.chat {
	margin-top: 20px;
	display: table;
	width: 100%;
}

.chat .chatter {
	display: table-cell;
	width: 150px;
}

.chat .chatter.izquierda {
	text-align: right;
}

.chat .chatter.derecha {
	text-align: left;
}

.chat .chatter .foto {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	font-size: 4em;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid rgba(255, 255, 255, 1);
	background-position: center;
	background-size: cover;
}

.hombre .chat .chatter .foto {
	background-image: url(../images/user_male.png)
}

.mujer .chat .chatter .foto {
	background-image: url(../images/user_female.png)
}

.chat .chatBody {
	display: table-cell;
	padding: 0 40px;
	vertical-align: top;
}

.chat .chatBody #timeline {
	background-color: rgba(255, 255, 255, .2);
	min-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.chat .chatBody #timeline .post.izquierda {
	text-align: left;
}

.chat .chatBody #timeline .post.derecha {
	text-align: right;
}

.chat .chatBody #timeline .post .bocadillo {
	display: inline-block;
	margin: 10px;
	padding: 10px;
}

.chat .chatBody #timeline .post.izquierda .bocadillo {
	background-color: rgba(0, 0, 0, .2);
	margin-left: 20px;
	position: relative;
	margin-right: 20px;
}

.chat .chatBody #timeline .post.izquierda .bocadillo:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 15px solid rgba(0, 0, 0, .2);
	border-bottom: 15px solid transparent;
	position: absolute;
	left: -15px;
	top: 15px;
}

.chat .chatBody #timeline .post.derecha .bocadillo {
	background-color: rgba(255, 255, 255, .2);
	margin-right: 20px;
	position: relative;
	margin-left: 20px;
}

.chat .chatBody #timeline .post.derecha .bocadillo:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 15px solid rgba(255, 255, 255, .2);
	border-bottom: 15px solid transparent;
	position: absolute;
	right: -15px;
	top: 15px;
}

.chat .chatBody #timeline .post .bocadillo .fecha {
	font-size: .8em;
	color: rgba(0, 0, 0, .4);
}

.chat .chatBody #timeline .post .bocadillo .texto {
	font-size: 1.2em;
	text-align: left;
}

.chat .chatBody textarea {
	width: 100%;
	background-color: rgba(255, 255, 255, .4);
	border: 2px solid rgba(255, 255, 255, .6);
	margin-top: 20px;
	padding: 5px;
	color: rgba(255, 255, 255, .6);
	font-size: 1.2em;
}

.chat .chatBody .botonNaranja {
	display: inline-block;
	padding: 0 20px;
	float: right;
	margin: 10px 0 20px 0;
	background-color: rgb(230, 95, 0);
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	font-size: 2em;
	font-family: 'OxygenLight';
	line-height: 50px;
}

.chat .chatBody .botonNaranja:hover,
.chat .chatBody .botonNaranja:active {
	background-color: rgba(255, 166, 58, 1);
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
	background-color: rgba(0, 0, 0, .2);
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.6);
}

/*3.13 formulario overlay*/

#formulario_overlay .saludo {
	margin: 1em 0 0 0;
	font-size: 3em;
}

#formulario_overlay .pregunta {
	margin: 1em 0 0.5em 0;
}

#formulario_overlay .width_25 {
	width: 25%;
	min-width: 250px;
	margin: 0 auto;
}

#formulario_overlay input {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
}

.circulo_grande {
	display: inline-block;
	font-family: 'OxygenLight';
	width: 200px;
	height: 200px;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	border: 5px solid #c0c0c0;
	border-radius: 50%;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.4);
	margin: 50px;
	line-height: 1em;
}

.circulo_grande .font_big {
	font-size: 2.5em;
	margin: 70px 0 0 0;
	display: block;
}

/* #3.14 objetivos de rendimiento*/

#objetivo h3 {
	margin-top: -7px;
}

#objetivo .principal {
	font-size: 1.8em;
	line-height: 80%;
}

#objetivo .principal:before {
	content: '1';
	color: rgba(0, 0, 0, .1);
	margin-right: 10px;
}

#objetivo .principal span {
	font-size: .6em;
	font-family: 'OxygenLight';
}

#objetivo .secundario {
	font-size: 1.2em;
	line-height: 70%;
}

#objetivo .secundario:before {
	content: '2';
	color: rgba(0, 0, 0, .1);
	margin-right: 10px;
}

#objetivo .secundario span {
	font-size: .6em;
}

.objetivoRendimiento #calendario .custom-header {
	display: none;
}

.objetivoRendimiento #calendario .fc-calendar-container {
	top: 0;
}

.objetivoRendimiento #calendario table.fc-header {
	width: 250px !important;
}

.objetivoRendimiento #calendario .fc-content {
	height: 70% !important;
}

.objetivoRendimiento #calendario .fc-week .fc-day > div {
	min-height: 0 !important;
}

.objetivoRendimiento #calendario .imprimir {
	position: absolute;
	right: 10px;
	top: 14px;
	font-family: 'OxygenLight';
	font-size: .6em;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 6px;
	padding-left: 23px;
	cursor: pointer;
	z-index: 1;
}

.objetivoRendimiento #calendario .imprimir:hover {
	background-color: rgba(0, 0, 0, .4);
}

.objetivoRendimiento #calendario .imprimir:hover h4 {
	color: rgba(255, 255, 255, .8);
}

.objetivoRendimiento #calendario .imprimir:before {
	content: 'o';
	font-family: 'CommonIcons';
	font-size: 2.5em;
	position: absolute;
	left: 7px;
	top: 5px;
	color: rgba(255, 255, 255, .6);
}

.objetivoRendimiento #calendario .imprimir:hover:before {
	color: rgba(255, 255, 255, .8);
}

.objetivoRendimiento .detalle {
	display: inline-block;
	width: 100%;
	height: 22%;
	position: absolute;
	bottom: 0;
	background-color: #622d52;
}

.objetivoRendimiento .detalle.sel {
	z-index: 1;
}

.objetivoRendimiento .detalle .datos > div {
	display: inline-block;
}

.objetivoRendimiento .detalle .datos div.icono {
	position: relative;
	width: 50px;
	height: 50px;
	top: -30px;
	border-radius: 50%;
	text-align: center;
	line-height: 39px;
	font-size: 2em;
	border: solid 6px rgba(0, 0, 0, 0);
	cursor: pointer;
}

.objetivoRendimiento .detalle .datos div.icono:hover {
	border: solid 6px rgba(255, 255, 255, .2);
}

.objetivoRendimiento .detalle.sel .datos div.icono {
	border: solid 6px #622d52;
	cursor: default;
}

.objetivoRendimiento .detalle.sel .datos div.icono:hover {
	border: solid 6px #622d52;
}

.objetivoRendimiento #detalleObjetivo .datos div.icono {
	background-color: #d68c70;
	margin-left: 10px;
}

.objetivoRendimiento #detalleGeneral .datos div.icono {
	background-color: #ca3973;
	margin-left: 70px;
}

.objetivoRendimiento #detalleObjetivo .datos div.descripcion {
	font-size: 1.8em;
	color: rgba(255, 255, 255, .5);
	font-family: 'OxygenLight';
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-width: 45%;
}

.objetivoRendimiento #detalleObjetivo .datos div.tiempo {
	font-size: .9em;
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	color: rgba(255, 255, 255, .5);
	font-family: 'OxygenLight';
}

.objetivoRendimiento #detalleObjetivo .datos div.tiempo span.icono {
	font-size: 1.6em;
}

.objetivoRendimiento #detalleObjetivo .datos div.tiempo em {
	font-style: normal;
	font-size: 1.6em;
	margin: 0 3px;
}

.objetivoRendimiento #detalleObjetivo .linea {
	height: 1px;
	text-align: center;
	line-height: 1px;
}

.objetivoRendimiento #detalleObjetivo .linea span {
	display: inline-block;
	width: 90%;
	height: 100%;
	background-color: #a05c7d;
}

.objetivoRendimiento #detalleObjetivo ul#fases {
	display: table;
	width: 100%;
	padding: 0 5px;
	margin-top: 20px;
}

.objetivoRendimiento #detalleObjetivo ul#fases li {
	color: rgba(255, 255, 255, 0.5);
	display: table-cell;
	font-size: 0.75em;
	max-width: 45px;
	overflow: hidden;
	padding: 0 3px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.objetivoRendimiento #detalleObjetivo ul#fases li.sel {
	color: rgba(255, 255, 255, 1);
	position: relative;
}

.objetivoRendimiento #detalleObjetivo ul#fases li.sel:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: -22px;
	left: 40%;
}

.objetivoRendimiento #detalleGeneral .datos .texto {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-family: 'OxygenLight';
	color: rgba(255, 255, 255, .5);
	position: relative;
	top: -25px;
	line-height: 100%;
}

.objetivoRendimiento #detalleGeneral .datos .descripcion {
	font-size: 2.5em;
}

.objetivoRendimiento #detalleGeneral .datos .subtitulo {
	font-size: 1.2em;
}

.objetivoRendimiento #nuevaActividad {
	bottom: 108px !important;
}

.objetivoRendimiento #nuevaActividad .icono {
	width: 30px !important;
	height: 30px !important;
	font-size: 2.5em !important;
}

.objetivoRendimiento #nuevaActividad .icono span {
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	top: 2px !important;
}

/* #3.15 fecha limite */

.fechaLimite #noFoto {
	display: inline-block;
	width: 100%;
	position: absolute;
	text-align: center;
	margin-left: -80px !important;
	float: none !important;
}

.fechaLimite #noFoto h1 {
	font-family: 'OxygenLight';
	color: rgba(0, 0, 0, .4);
	font-size: 2.5em;
	position: absolute;
	width: 100%;
	margin-top: 20px;
}

.fechaLimite .wrapper > h2 {
	margin: 20px 0 30px 0;
	font-family: 'OxygenLight';
	color: rgba(255, 255, 255, .6);
}

.fechaLimite #tiempo > * {
	display: inline-block;
	width: 100px;
	margin: 0 5px;
	vertical-align: top;
	position: relative;
}

.fechaLimite #tiempo p {
	font-size: 1.5em;
	color: #fbdf7d;
	margin-bottom: 5px;
}

.fechaLimite #tiempo input {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
	line-height: 1.5em;
	padding-top: 0;
}

.fechaLimite #tiempo #horas:after {
	content: ':';
	position: absolute;
	right: -11px;
	top: 34px;
	font-size: 2em;
}

.fechaLimite #calendario {
	max-width: 600px;
}

#formulario-datos-fisicos .tile.tileAlone.centrado {
	min-height: 250px !important;
}

.tile.tileAlone.centrado .margen {
	padding: 50px 0 30px 0;
}

.tile.tileAlone.centrado .margen2 {
	padding: 20px 0 30px 0;
}

.tile.tileAlone.centrado .margen3 {
	padding: 40px 0 10px 0;
}

#form-informacion {
	margin-top: 20px;
}

#form-informacion p {
	font-family: 'OxygenLight';
	font-size: 1.5em;
	color: rgba(255, 255, 255, .6);
	margin: 5px 0;
}

/* #3.16 calendario para imprimir */
.wrapper.calendarioParaImprimir #calendario .fc-header,
.wrapper.calendarioParaImprimir #calendarioRendimiento .fc-header,
.wrapper.calendarioParaImprimir #calendarioGeneral .fc-header {
	max-width: 400px !important;
	margin: 20px auto !important;
}

.wrapper.calendarioParaImprimir #calendario .fc-header h2,
.wrapper.calendarioParaImprimir #calendarioRendimiento .fc-header h2,
.wrapper.calendarioParaImprimir #calendarioGeneral .fc-header h2 {
	white-space: nowrap;
	text-overflow: ellipsis;
}

#detalleCalendarioObjetivo {
	max-width: 500px;
	margin: 0 auto;
}

#detalleCalendarioObjetivo .datos div.descripcion {
	font-size: 2.2em;
	color: rgba(255, 255, 255, .5);
	font-family: 'OxygenLight';
	display: inline-block;
	max-width: 350px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#detalleCalendarioObjetivo .datos div.tiempo {
	font-size: .9em;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	color: rgba(255, 255, 255, .5);
	font-family: 'OxygenLight';
}

#detalleCalendarioObjetivo .datos div.tiempo span.icono {
	font-size: 1.6em;
}

#detalleCalendarioObjetivo .datos div.tiempo em {
	font-style: normal;
	font-size: 1.6em;
	margin: 0 3px;
}

#detalleCalendarioObjetivo .linea {
	height: 1px;
	text-align: center;
	line-height: 1px;
}

#detalleCalendarioObjetivo .linea span {
	display: inline-block;
	width: 90%;
	height: 100%;
	background-color: #a05c7d;
}

#detalleCalendarioObjetivo ul#fases {
	display: table;
	width: 100%;
	padding: 0 5px;
	margin-top: 20px;
}

#detalleCalendarioObjetivo ul#fases li {
	display: table-cell;
	font-size: .75em;
	color: rgba(255, 255, 255, .5);
	padding: 0 3px;
	text-align: center;
}

#detalleCalendarioObjetivo ul#fases li.sel {
	color: rgba(255, 255, 255, 1);
	position: relative;
}

#detalleCalendarioObjetivo ul#fases li.sel:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: -22px;
	left: 40%;
}

#contenedorObjetivos {
	display: inline-block;
	padding: 1em;
}

#contenedorObjetivos > p {
	text-align: center;
	font-size: 1.1em;
	margin: 5px 0;
}

#contenedorObjetivos .botonObjetivo {
	display: inline-block;
	border-radius: 4px;
	padding: 2px 5px;
	cursor: pointer;
}

#contenedorObjetivos .botonObjetivo.sel,
#contenedorObjetivos .botonObjetivo:hover {
	background-color: rgba(255, 255, 255, .3);
}

#contenedorObjetivos .botonObjetivo .icono {
	display: inline-block;
	font-size: 1.3em;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .8);
	text-align: center;
	line-height: 30px;
	opacity: .6;
}

#contenedorObjetivos .botonObjetivo.sel .icono,
#contenedorObjetivos .botonObjetivo:hover .icono {
	opacity: 1;
}

#contenedorObjetivos .botonObjetivo.rendimiento .icono {
	background-color: #d68c70;
}

#contenedorObjetivos .botonObjetivo.general .icono {
	background-color: #ca3973;
}

#contenedorObjetivos .botonObjetivo p {
	display: inline-block;
	font-size: 1em;
	text-shadow: 1px 1px rgba(0, 0, 0, .3);
	position: relative;
	top: -4px;
}
/* firma de la gdpr*/
.img-responsive-alto{
    margin-top: 5vh;
    margin-bottom: 5vh;
    max-height: 40vh;
    max-width: 35vh;
    margin: auto;
}
/* estilos de los eventos de calendario */

.fc-event {
}

/*sesiones generales pendientes*/
.fc-event.Iniciada,
.fc-event.actividad-extra {
	background-color: #ca3973 !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	text-align: center;
	line-height: 22px;
	border: none !important;
	display: inline-block;
	/*margin: 3px;*/
	cursor: pointer;
}

/*sesiones de rendimiento pendientes*/
.fc-event.IniciadaRendimiento {
	background-color: #d68c70 !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	text-align: center;
	line-height: 22px;
	border: none !important;
	display: inline-block;
	/*margin: 3px;*/
	cursor: pointer;
}

/*sesiones de actividades extra pendientes*/
.fc-event.actividad_extra {
	background-color: #a50591 !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	text-align: center;
	line-height: 22px;
	border: none !important;
	display: inline-block;
	/*margin: 3px;*/
	cursor: pointer;
}

/*sesiones de actividades de centro pendientes*/
.fc-event.actividades_sin_procesar {
	background-color: #c9647b !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	text-align: center;
	line-height: 22px;
	border: none !important;
	display: inline-block;
	/*margin: 3px;*/
	cursor: pointer;
}

.fc-event.extra {
	background-color: #8181F7 !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	text-align: center;
	line-height: 22px;
	border: none !important;
	display: inline-block;
	/*margin: 3px;*/
	cursor: pointer;
}

.fc-event.extra:before {
	content: "Xt";
}

.fc-event.life, .fc-event.preva, .fc-event.Fitbit {
	background-color: #5882FA !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	text-align: center;
	line-height: 22px;
	border: none !important;
	display: inline-block;
	/*margin: 3px;*/
	cursor: pointer;
}

.fc-event.life:before {
	content: "Lf";
	font-weight: bold;
}

.fc-event.preva:before {
	content: "Pv";
	font-weight: bold;
}

.fc-event.Fitbit:before {
	content: "Fb";
	font-weight: bold;
}

.fc-event.Finalizado,
.fc-event.FinalizadaRendimiento,
.fc-event.actividad-extra-okey,
.usuario .fc-event.Finciclo,
.usuario_personalizado .fc-event.Finciclo,
.usuario .fc-event.Cita,
.usuario .fc-event.Pt,
.usuario .fc-event.Cita-okey,
.usuario .fc-event.Pt-okey,
.usuario_personalizado .fc-event.Cita,
.usuario_personalizado .fc-event.Pt,
.usuario_personalizado .fc-event.Cita-okey,
.usuario_personalizado .fc-event.Pt-okey,
.fc-event.actividad_procesada {
	background-color: #9fad6f !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	text-align: center;
	line-height: 22px;
	border: none !important;
	display: inline-block;
	/*margin: 3px;*/
	cursor: pointer;

}

.fc-event.Finalizado:before,
.fc-event.FinalizadaRendimiento:before,
.fc-event.actividad-extra-okey:before,
.usuario .fc-event.Finciclo:before,
.usuario_personalizado .fc-event.Finciclo:before,
.usuario .fc-event.Pt-okey:before,
.usuario .fc-event.Cita-okey:before,
.usuario .fc-event.Cita-okey:before,
.usuario_personalizado .fc-event.Pt-okey:before,
.usuario_personalizado .fc-event.Cita-okey:before,
.usuario_personalizado .fc-event.Cita-okey:before,
.fc-event.actividad_procesada:before {
	color: #768252;
}

.fc-event.Finalizado:before,
.fc-event.FinalizadaRendimiento:before,
.fc-event.actividad-extra-okey:before,
.fc-event.actividad_procesada:before,
.fc-event.actividad-extra:before,
.fc-event.actividades_sin_procesar:before,
.fc-event.Iniciada:before,
.fc-event.actividad-extra:before,
.fc-event.IniciadaRendimiento:before {
	content: 'a';
	font-family: 'CommonIcons';
	font-size: 1.2em;
}

.usuario .fc-event.Cita:before,
.usuario .fc-event.Pt:before,
.usuario .fc-event.Pt-okey:before,
.usuario .fc-event.Cita-okey:before,
.usuario_personalizado .fc-event.Cita:before,
.usuario_personalizado .fc-event.Pt:before,
.usuario_personalizado .fc-event.Pt-okey:before,
.usuario_personalizado .fc-event.Cita-okey:before {
	content: 'o';
	font-family: 'CommonIcons';
	font-size: 1.2em;
}

.fc-event.Finalizado .fc-event-inner,
.fc-event.FinalizadaRendimiento .fc-event-inner,
.fc-event.actividad-extra-okey .fc-event-inner,
.fc-event.actividad_procesada .fc-event-inner,
.fc-event.actividad-extra .fc-event-inner,
.fc-event.actividades_sin_procesar .fc-event-inner,
.fc-event.Iniciada .fc-event-inner,
.usuario .fc-event.Finciclo .fc-event-inner,
.usuario_personalizado .fc-event.Finciclo .fc-event-inner,
.fc-event.IniciadaRendimiento .fc-event-inner,
.fc-event.extra .fc-event-inner,
.fc-event.life .fc-event-inner,
.usuario .fc-event.Pt .fc-event-inner,
.usuario .fc-event.Cita .fc-event-inner,
.usuario .fc-event.Cita-okey .fc-event-inner,
.usuario .fc-event.Pt-okey .fc-event-inner,
.usuario_personalizado .fc-event.Pt .fc-event-inner,
.usuario_personalizado .fc-event.Cita .fc-event-inner,
.usuario_personalizado .fc-event.Cita-okey .fc-event-inner,
.usuario_personalizado .fc-event.Pt-okey .fc-event-inner,
.fc-event.Fitbit .fc-event-inner {
	display: none;
}

.fc-event.preva .fc-event-inner {
	display: none;
}

/*mensajes en le calendario*/
#calendario #mensajesCalendario {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 50;
}

#calendario #mensajesCalendario #contenedorMensajes {
	display: table;
	width: 100%;
	height: 100%;
}

#calendario #mensajesCalendario #contenedorMensajes section {
	display: none; /*table-cell desde js*/
	vertical-align: middle;
	text-align: center;
}

/*#calendario #mensajesCalendario #contenedorMensajes section#sesionFinalizada.general{
						display: table-cell;
					}*/

#calendario #mensajesCalendario #contenedorMensajes section > div {
	display: inline-block;
	width: 90%;
	background-color: rgba(255, 255, 255, .9);
	border-radius: 8px;
}

#calendario #mensajesCalendario #contenedorMensajes section .cabecera {
	display: table;
	width: 100%;
	height: 50px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#calendario #mensajesCalendario #contenedorMensajes section .cabecera > * {
	display: table-cell;
	vertical-align: middle;
}

#calendario #mensajesCalendario #contenedorMensajes section .cabecera .icono {
	color: rgba(0, 0, 0, .4);
	font-size: 1.5em;
	width: 45px;
	text-align: center;
}

#calendario #mensajesCalendario #contenedorMensajes section .cabecera h3 {
	text-align: left;
	font-family: 'OxygenRegular';
}

#calendario #mensajesCalendario #contenedorMensajes section .cabecera .botonCerrar {
	width: 55px;
	font-family: CianoplanIcons;
	font-size: 2.3em;
	color: rgba(255, 255, 255, .8);
	cursor: pointer;
}

.flechas-mover {
	display: inline-block;
	font-family: "CianoplanIcons";
	line-height: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
}

#calendario #mensajesCalendario #contenedorMensajes section .cabecera .botonCerrar:hover {
	color: rgba(255, 255, 255, 1)
}

#calendario #mensajesCalendario #contenedorMensajes section#sesionPendiente .cabecera {
	background-color: #d15889;
}

#calendario #mensajesCalendario #contenedorMensajes section#sesionFinalizada .cabecera {
	background-color: #a3db85;
}

#calendario #mensajesCalendario #contenedorMensajes section#sesionPendiente h2 {
	color: #713a5e;
	font-family: 'OxygenRegular';
	font-size: 2.5em;
	margin: 60px auto 20px auto;
}

#calendario #mensajesCalendario #contenedorMensajes section#sesionPendiente p {
	color: #713a5e;
	margin-bottom: 90px;
	font-size: 1.3em;
	padding: 0 5px;
}

#calendario #mensajesCalendario #contenedorMensajes section#sesionFinalizada > div {
	padding-bottom: 10px;
}

#calendario #mensajesCalendario #contenedorMensajes section#sesionFinalizada h2 {
	color: #bc6190;
	font-family: 'OxygenBold';
	font-size: 1.2em;
	line-height: 140%;
}

#calendario #mensajesCalendario #contenedorMensajes section#sesionFinalizada p {
	color: #bc6190;
	margin-bottom: 20px;
	font-size: 1.1em;
	font-family: 'OxygenLight';
	line-height: 120%;
}

#wrapper-superior-objetivos {
	margin-bottom: 20px;
	margin-top: 20px;
}

#grafico.grafico {
	display: inline-block;
	width: 50%;
	height: 175px;
	vertical-align: top
}

.tile7 #grafico.grafico {
	width: 100%;
}

#calendario #mensajesCalendario #sesionFinalizada .datos {
	display: inline-block;
	width: 50%;
	padding-left: 20px;
}

#calendario #mensajesCalendario #sesionFinalizada .datos .icono {
	display: table-cell;
	width: 65px;
	text-align: center;
	font-size: 2.4em;
	line-height: 110%;
	color: #bc6190;
	opacity: .5;
}

#calendario #mensajesCalendario #sesionFinalizada .datos p {
	color: #bc6190;
	display: table-cell;
	font-size: 1.5em !important;
	font-family: 'OxygenBold' !important;
	vertical-align: middle;
	padding-left: 10px;
	text-align: left;
}

#calendario #mensajesCalendario #sesionFinalizada .datos p span {
	font-size: .55em;
	font-family: 'OxygenLight';
}

#calendario #mensajesCalendario #sesionFinalizada .datos ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
}

#calendario #mensajesCalendario #sesionFinalizada .linea {
	display: inline-block;
	width: 60%;
	height: 2px;
	background-color: rgba(0, 0, 0, .3);
}

#calendario #mensajesCalendario #sesionFinalizada .valoracion > div {
	display: inline-block;
	width: 100px;
	color: rgba(0, 0, 0, .3);
	margin: 10px 5px;
}

#calendario #mensajesCalendario #sesionFinalizada .valoracion .icono {
	font-size: 3em;
}

#calendario #mensajesCalendario #sesionFinalizada .boton {
	display: inline-block;
	background-color: #b0df97;
	border-radius: 4px;
	font-size: 1.6em;
	padding: 5px 30px;
	margin: 10px auto 0 auto;
	cursor: pointer;
	z-index: 1;
}

#calendario #mensajesCalendario #sesionFinalizada .boton:hover {
	background-color: #a0cf87;
}

/*sobreescribimos una propiedad de la grafica*/
#highcharts-12.highcharts-container {
	height: 200px !important;
}

.icono-actividad {
	font-family: 'ActivitiesIcons';
}

.recuento #botonesImprimir {
	display: inline-block;
	height: 80px;
	width: 80px;
	position: absolute;
	right: 0px;
}

.recuento #botonesImprimir a {
	color: rgb(255, 255, 255);
	border: 2px solid rgba(255, 255, 255, 0.4);
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 80px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
}

.margen-top {
	margin-top: 60px;
}

.margen-arriba-abajo {
	margin: 20px 0px 20px
}

.margen-arriba-abajo-important {
	margin: 20px 0px 20px !important;
}

.input-overlay {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5em;
	font-family: 'OxygenLight';
	line-height: 1.5em;
	padding-top: 0;
	margin-left: 0.15em;
}

.ui-loader {
	display: none !important;
}

.ui-select span {
	display: none !important;
}

.ui-mobile-viewport {
	border: none !important;
}

.ui-page {
	border: none !important;
}

.fc-header {
	margin-bottom: 10px !important;
}

.fc-view-agendaWeek > div > div {
	overflow-y: hidden !important;
}

table.fc-border-separate {
	margin-bottom: 0 !important;
}

/*para los dispositivos moviles*/
.mobile #main {
	margin: 10px 0;
}

/*para las tablas de datos*/

.footable-row-detail-name {
	display: inline-block !important;
	/*width: 40% !important;*/
	color: #fbc073 !important;
}

.footable-row-detail-value {
	display: inline-block !important;
}

.fc-view-agendaDay > div > div {
	overflow: hidden !important;
}

#cargando {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .9);
	background-image: url("../images/loadingIcon.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100px;
}

#videoViewer {
	display: none;
	/*display: block; //se pone por css*/
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .9);
}

#videoViewer #container {
	display: table;
	width: 100%;
	height: 100%;
}

#videoViewer #container #screen {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: auto;
}

#videoViewer #container #screen iframe {
	width: 100%;
}

#videoViewer #container #cerrar {
	display: inline-block;
	height: 80px;
	text-decoration: none;
	color: #ffffff;
	font-family: 'OxygenRegular';
	font-size: 125%;
	position: fixed;
	bottom: 5px;
	left: 0;
	right: 0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
	cursor: pointer;
}

#videoViewer #container #cerrar .icono {
	font-family: 'CianoplanIcons';
	font-size: 50px;
}

#hs-eu-cookie-confirmation {
	display: none;
}

.caja-test {
	cursor: pointer;
}

/* Business */
#medidas .Clientes {
	font-family: 'Flaticon';
	text-align: center;
	content: "\e003";
	font-size: 1.8em;
	text-align: center;
	line-height: 140px;
}

#medidas .Clientes:before {
	font-family: 'Flaticon';
	text-align: center;
	content: "\e003";
	font-size: 1.8em;
	text-align: center;
	line-height: 140px;
}

.smallBusiness #userData #moreInfoCoach #medidas p {
	font-family: "OxygenLight";
	font-size: 5em;
	line-height: 100%;
}

.smallBusiness #userData #moreInfoCoach #medidas p span {
	font-size: 0.2em;
}

.smallBusiness .tiraSuperior #userData #moreInfoCoach #medidas {
	width: 40%;
}

.smallBusiness .tiraSuperior #userData #moreInfoCoach #pulsaciones {
	width: 20%;
}

.smallBusiness .tile.tileMister .halfTile {
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

.tercioPorciento {
	width: 33%;
}

.display-table {
	display: table;
}

.display-table-cell {
	display: table-cell;
}

button.botonNaranja {
	display: inline-block;
	padding: 0 20px;
	margin: 10px 0 20px 0;
	background-color: rgb(230, 95, 0);
	color: rgb(255, 255, 255);
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	font-size: 2em;
	font-family: 'OxygenLight';
	line-height: 50px;
}
.errores li{
	color: red;
	font-size: 1.3em;
}