/* #1 MEDIA QUERIES */

/*si es muy grande"*/
@media only screen and (min-width: 1500px){
	 .container #carousel {
	 	margin-left: 10%;
	 }
	 	.movil-ocultar{
			visibility:visible;
		}
}

/*cuatro columnas "estrecho"*/
@media only screen and (max-width: 1120px){

	/*header{
		background-color: #f00 !important;
	}*/

	.renovar header{
		height: 80px;
	}

	header nav #renueva{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		width: 100%;
	}

	.tiraIntermediaSuperior {
		height: 355px;
	}
	.tiraIntermediaInferior {
		height: 280px;

	}
	.tiraInferior {
		height: 350px;
	}

	/*contenido de las instrucciones del carrusel de ejercicios*/

	.container #carousel .instrucciones h1{
  		font-size: 1em;
      	line-height: 150%;
  	}

  	.container #carousel .instrucciones h2{
  		font-size: .8em;
      	line-height: 200%;
  	}

  	.container #carousel .instrucciones > p{
  		font-size: .8em;
      	line-height: 200%;
  	}

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

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

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

    .container #carousel h4{
		font-size: 1.2em;
	}
	.movil-ocultar{
		visibility:visible;
	}

}

/* Caso especial en coach*/
@media only screen and (max-width: 970px){
	/* Mis clientes*/
	#ficha-superior-cliente #moreInfo #edad {
		width: 25%;
		padding-top: 5px;
		vertical-align: bottom;
		min-width: 29%;
	}
	#ficha-superior-cliente #moreInfo #edad p {
		font-size: 2em;
		margin-top: 8px;
	}
	#ficha-superior-cliente #moreInfo #pulsaciones {
		width: 25%;
	}
	.alert.alert-info h4 {
		margin-top: 5px;
	}
	#ficha-superior-cliente #name #noFoto h2{
		font-size: 1.5em;
	}
	#ficha-superior-cliente #name #foto{
		width: 50px;
		height:50px;
	}
	.alert.alert-info h4 {
		line-height: 25px;
	}
}
/*tres columnas*/
@media only screen and (max-width: 800px){
	/* Mis clientes*/
	.entrenador #main {
		display: block;
	}
	#ficha-superior-cliente #moreInfo #edad {
		width: 30%;
		padding-top: 5px;
		min-width: 40px;
		vertical-align:top;
		height:35%;
	}
	#ficha-superior-cliente #moreInfo #pulsaciones {
		vertical-align:top;
		height:45%;
		width:45%;
		min-width: 60px;
	}
	#ficha-superior-cliente #moreInfo #pulsaciones .datos{
		vertical-align:top;
		height:45%;
	}
	#ficha-superior-cliente #moreInfo #edad p {
		font-size: 1em;
		margin-top: 8px;
	}
	#ficha-superior-cliente #moreInfo #edad p span {
		font-size: 0.6em;
	}
	#ficha-superior-cliente #moreInfo #medidas {
		min-width: 66px;
		padding-top: 5px;
		vertical-align: middle;
		width: 40%;
		vertical-align:top;
		height:30%;
	}
	#ficha-superior-cliente #moreInfo #ultimo-acceso {
		font-size: 0.6em;
		bottom:5px;
		position: absolute;
	}
	#ficha-superior-cliente #moreInfo .datos p {
		font-size: 0.8em;
		line-height: 90%;
		margin-top: 4px;
	}
	#ficha-superior-cliente #name #foto{
		width: 45px;
		height:45px;
	}
	#ficha-superior-cliente #name #noFoto h2{
		font-size: 1em;
	}
	#ficha-superior-cliente #name #noFoto h4{
		font-size: 1em;
	}
	#fila-2 h2{
		font-size: 1.5em;
	}
	.botonAzul .texto .title {
		font-size: 1.5em
	}
	/* Entrenador */
		.tile.tileMister{
			width:100%;
			height:103px;
		}
		.tile.tileMister .halfTile{
				display: inline-block;
				width:49%;
				vertical-align: top;
		}
		.tile.tileMisterin{
			width:33%;
			height:100%;
		}
		.entrenador #main{
			display:none;
		}
		.fila-boton-mister .iconoMister.nuevoCliente:before {
			font-size: 1.8em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.nuevoCliente {
			font-size: 1.8em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .icono {
			font-size: 3.4em;
			line-height: 85px;
		}
		.fila-boton-mister .iconoMister.Disena:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Disena {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .iconoMister {
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister #alerta:before {
			font-size: 2.8em;
			left: 1%;
			right: 5%;
			line-height: 70px;
		}
		.fila-boton-mister #alerta {
			height: 70px;
			text-decoration: none;
			top: -45px;
			left: 1%;
			right: 5%;
			width: 70px;
		}
		#chat{
			bottom: 10px;
			position: absolute;
			left: 10%;
			right: 10%;
		}
		/*            */
	/*header{
		background-color: #0f0 !important;
	}*/
	.tile.tile1{
		width:66.6%;
	}

	.tile.tile2{
		width:33.3%;
		height:490px;
	}

		.tile.tile2 .halfTile{
			width:100%;
		}

	.tile.tile6{
		width:66.6%;
		float: left !important;
	}

	.tile.tile4{
		width:66.6%;
	}

	.tile.tile5{
		width:33.3%;
	}

	#formulario .tile.fTile1{
		width:66.6%;
	}

	#formulario .tile.fTile2{
		/*width:33.3%;*/
		width:66.6%;
	}

	.tile5.botonNaranja .texto .title{
		font-size: 1.8em;
	}

	.tile5.botonNaranja .texto .subtitle{
		font-size: 1em;
		line-height: 110%;
	}

	.tile.tile7{
		width:33.3%;
	}

	.tile.tile8{
		width:66%;
	}

	.tile.tile9{
		width:33.3%;
	}

	header nav .option{
		padding: 0 5px;
	}

	.contenidoOver section>.respuesta {
		width: 50%;
		font-size: 135%;
	}

	.contenidoOver section>.respuesta.grande {
		line-height: 130%;
	}

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

	.contenidoOver section>.respuesta.pequena {
		width: 45%;
		font-size: 125%;
		line-height: 140%;
	}

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

	/* datos acceso foto */
	#intro-datos {
		width: 95%;
	}
	#nombre-usuario #flecha {
		top: 3.5em;
	}

	.tiraIntermediaSuperior {
		height: 355px;
	}
	.tiraIntermediaInferior {
		height: 280px;

	}
	.tiraInferior {
		height: 350px;
	}

    /*anchuda del slider de ejercicios*/
	.ejercicio #slider{
		width: 200%;
		left: -50%;
	}

	.ejercicio .sliderSel {
		width: 17%;
	}

	/*instrucciones ejercicios*/
	.ejercicio #slider .ejemplo h1{
			font-size: 1.4em;
		}

			.ejercicio #slider .ejemplo .datos ul li{
				font-size: 17px;
				padding: 0 1px;
			}

			.ejercicio #slider .ejemplo .datos ul li span{
				font-size: 9px;
				margin-left: 2px;
			}

			.ejercicio #slider .ejemplo .datos ul li.boton{
					border-radius: 3px;
					padding: 0 2px;
					margin: 0 3px;
			}

			.ejercicio #slider .ejemplo .datos ul li .icono{
					font-size: 22px;
					margin-right: 5px;
			}

	.ejercicio .botonera .botonNaranja{
		width: 50%;
		height: 60px;
	}

		.ejercicio .botonera .botonNaranja:after{
			content: 'h';
			right: 10px;
			top: 10px;
			font-size: 2.5em;
		}

		.ejercicio .botonera .botonNaranja .texto .title{
			font-size: 2em;
		}

		.ejercicio .botonera .botonNaranja .texto .subtitle{
			font-size: 1em;
		}

	/*ejercicio doble*/
	.ejercicio #slider .ejemplo.doble .veces .icono{
		font-size: 2.2em;
	}

	.ejercicio #slider .ejemplo.doble .veces p{
		font-size: 1.5em;
	}

		.ejercicio #slider .ejemplo.doble .mitad .cabecera .contador{
			font-size: 2.2em;
			width: 30px;
			padding-left: 10px;
		}

			.ejercicio #slider .ejemplo.doble .mitad .cabecera .repeticiones .icono{
				font-size: 1.2em;
			}

			.ejercicio #slider .ejemplo.doble .mitad .cabecera .repeticiones p{
				font-size: 1em;
			}

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

	.ejercicio #slider .ejemplo.doble .mitad .video{
		margin: 0 5px;
	}

	.chat .chatter{
		width: 100px;
	}
    .fechaLimite #noFoto h1{
		font-size: 2em !important;
		/*line-height: 100%;
		position: inherit;
		width: 100%;*/
	}

	/*contenido de las instrucciones del carrusel de ejercicios*/

	.container #carousel .instrucciones h1{
  		font-size: 1em;
      	line-height: 150%;
  	}

  	.container #carousel .instrucciones h2{
  		font-size: .8em;
      	line-height: 200%;
  	}

  	.container #carousel .instrucciones > p{
  		font-size: .8em;
      	line-height: 200%;
  	}

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

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

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

    .container #carousel .instrucciones .datos{
		height: 50px;
	}

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

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

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

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

    .container #carousel h4{
		font-size: 1.2em;
	}

	.tiraSuperior #userData #name{
		width: auto;
	}

	.tiraSuperior #userData #moreInfo{
		width: auto;
	}

	#detalleCalendarioObjetivo .datos div.descripcion{
		max-width: 295px;
	}
	.movil-ocultar{
		visibility:visible;
	}


}

/*corte para las flechas de los asistentes*/
@media only screen and (max-width: 700px){
	/* Mis clientes*/
	#ficha-superior-cliente #name{
		width: 40%;
	}
	#ficha-superior-cliente #moreInfo{
		width: 60%;
	}
	#ficha-superior-cliente #moreInfo #edad {
		max-width: 27%;
		min-width: 20%;
	}
	#ficha-superior-cliente #moreInfo #medidas {
		max-width: 33%;
		min-width: 20%;
	}
		#ficha-superior-cliente #moreInfo #pulsaciones {
		max-width: 33%;
		min-width: 20%;
	}
	.tile.tileCabeceraClientes {
		width: 100%;
		height: 490px;
	}
	#ficha-superior-cliente #moreInfo #ultimo-acceso {
		top: 45px;
	}
	/**/
	/* Entrenador */
		.tile.tileMister{
			width:100%;
			height:103px;
		}
		.tile.tileMister .halfTile{
				display: inline-block;
				width:49%;
				vertical-align: top;
		}
		.tile.tileMisterin,
		.tile.tileMisterin25{
			width:99%;
			height:100%;
		}
		.tile.tile475{
			width:100%;
		}
		.tile.tileMisterin.izquierda{
			width:33.3%!important;
			height:103px;
		}
		#fila-1 #mensajes .media{
			padding:2px!important;
		}
		#fila-1 #mensajes .media .media-body strong p{
			font-size: 0.7em !important;
		}
		.entrenador #main{
			display:none;
		}
		.fila-boton-mister .iconoMister.nuevoCliente:before {
			font-size: 1.8em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.nuevoCliente {
			font-size: 1.8em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .icono {
			font-size: 3.4em;
			line-height: 85px;
		}
		.fila-boton-mister .iconoMister.Disena:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Disena {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .iconoMister {
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister #alerta:before {
			font-size: 2.8em;
			left: 5%;
			right: 5%;
			line-height: 70px;
		}
		.fila-boton-mister #alerta {
			height: 70px;
			text-decoration: none;
			top: -45px;
			left: 5%;
			right: 5%;
			width: 70px;
		}
		#chat{
			bottom: 10px;
			position: absolute;
			left: 10%;
			right: 10%;
		}
		/*            */
	.backFlechas{
		display: inline-block;
	}
	.flecha {
	    position: fixed;
	    height: 75px;
	    width: 80px;
	    bottom: 0px;
	    top: auto;
	}
		.flecha > div{
			position: absolute;
			bottom: 5px;
		}
		.flecha .icono {
			width: 60px;
			height: 60px;
			font-size: 2em;
			line-height: 55px;
		}
		.flecha.derecha {
		    right: -10px;
		}
		.flecha.izquierda .icono{
		    width: 45px;
			height: 45px;
			font-size: 1.5em;
			line-height: 40px;
		}
		.flecha.izquierda > div{
		   bottom: 12px;
		}
		.movil-ocultar{
			visibility:visible;
		}

	#info #calendario #nuevaActividad {
		bottom: -10px;
	}
}

/*dos columnas*/
@media only screen and (max-width: 640px){
	header nav #codigoVitale {
		position: absolute;
		top: 0;
		right: 10%;
		width: 53px;
	}
	/* Texto disena elige*/
	#texto-disena-elige{
		display: none;
	}
	#divsesionespersonalizadas{
		width: 100%;
		float: none;
	}
	#ejerciciospersonalizados{
		width: 100%;
	}
	#divsesionespersonalizadas h2{
		margin-top: 20px;
		font-size: 1.3em;
	}
	#ejerciciospersonalizados h2{
		font-size: 1.3em;
	}
	/* Email a clientes*/
		.emailClientes{
			display: inline-block;
		}
		.emailClientes #filtrado{
			width: 100%;
			float: none;
		}
		.emailClientes #formulario{
			margin-top:50px;
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
		}
		.emailClientes #formulario .filtrar.edad{
			width:30px;
		}
		.emailClientes #elenvio {

		}
		/**/
	/* mis clientes*/
		.cabecera-clientes-superior-clientes {
			width: 90%;
			margin: 5%;
		}
		.cabecera-clientes-superior {
			width: 90%;
			margin: 5%;
		}
	/**/
	/* Entrenador */
	.tiraSuperior #userData #moreInfoCoach #pulsaciones {
		margin-top: -20px;
	}
	#userData #moreInfoCoach #medidas .icono {
		font-size: 35px;
	}
	#userData #moreInfoCoach #edad p {
		font-size: 3em;
	}
	.tiraSuperior #userData #moreInfoCoach {
		height: 100px;
		left: 51%;
		top: -100px;
	}
	
		.entrenador #nombreCentro{
			top: -8px !important;
		}
		.entrenador #nombreCentro h3{
			margin: 0px !important;
		}
		.tiraSuperior #userData #moreInfoCoach #pulsaciones #fotoCentro{
			width: 40px;
			height: 40px;
			margin-left: 0px;
		}
		.tiraSuperior #userData #moreInfoCoach #pulsaciones #nombreCentro {
			margin: 0;
			padding-right: 0px;
			position: absolute;
		}
		.entrenador .tiraSuperior #userData #moreInfoCoach #edad {
			min-width: 68px !important;
		}
		.entrenador #pulsaciones{
			top: 30px !important;
		}
		.tile.tileMister{
			width:100%;
			height:103px;
		}
		.tile.tileMister .halfTile{
				display: inline-block;
				width:49%;
				vertical-align: top;
		}
		.tile.tileMisterin{
			width:99%;
			height:100%;
		}
		.tile.tileAgendaCentro{
			width:100%;
			height:200px;
		}
		.tile.tileAgendaCentroInterior {
			height: 100px;
			width: 100%;
		}
		.tile.tileAgendaCentroInterior .halfTile {
			width:99%;
		}
		.agendaCentroHalf{
			width:100%!important;
			display:inline-block;
		}
		#actividades_a_seleccionar {
			margin-left:0;
		}
		.tile.tileMisterin.izquierda{
			width:100%!important;
			height:340px!important;
		}
		#fila-1 #mensajes .media{
			padding:2px!important;
		}
		#fila-1 #mensajes .media .media-body strong p{
			font-size: 0.7em !important;
		}
		.entrenador #main{
			display:none!important;
		}
		.fila-boton-mister .iconoMister.nuevoCliente:before {
			font-size: 1.8em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.nuevoCliente {
			font-size: 1.8em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .icono {
			font-size: 3.4em;
			line-height: 85px;
		}
		.fila-boton-mister .iconoMister.Disena:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Disena {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .iconoMister {
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister #alerta:before {
			font-size: 2.8em;
			left: 5%;
			right: 5%;
			top: 0;
			line-height: 70px;
		}
		.fila-boton-mister #alerta {
			height: 70px;
			text-decoration: none;
			top: -45px;
			left: 5%;
			right: 5%;
			width: 70px;
		}
		#chat{
			bottom: 10px;
			position: absolute;
			left: 10%;
			right: 10%;
		}
		/*            */
	/* Nuevo dahsboard */
	.movil-ocultar{
		visibility:hidden;
	}
	header {
		font-size: 80%;
		height: 40px !important;
	}
	.tiraSuperior #userData #name {
		width: 100%;
	}
	header nav .mis-datos{
		top: 25px;
		position: relative;
		width: 100px;
		margin: 0 auto;
		visibility: hidden;
	}
	header .lang.option {
		top:0;
		left:25px;
	}
	header nav .option2{
		top: 25px;
		position: relative;
		width: 100px;
		float: right;
		margin-right: 25px;
	}
	header nav #accesData {
		float: left;
		padding: 0 5px;
		white-space: nowrap;
	}
	header nav #logout {
		/*top: 15px;*/
	}
	header nav #logout span {
		font-size: 1.8em !important;
	}
	#name #foto {
		width: 63px;
		height: 63px;
		margin: 5px;
	}
	#userData #name #noFoto {
		margin: 0 !important;
		float: none !important;
		padding-right: 55px;
		position: relative;
		padding-left: 5px;
		top:	10px;
		/*width: 50%;*/
	}
	#userData #name #noFoto h1 {
		max-width: 125px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		min-height: 25px;
		font-size: 1.5em !important;
	}
	#userData #name {
		margin-top: 0px !important;
	}
	.tiraSuperior #userData #moreInfo #edad {
		min-width: 60px !important;
		visibility: hidden;
	}
	#userData #moreInfo #edad p {
		font-size: 2em;
	}
	.tiraSuperior #userData #moreInfo #medidas {
		min-width: 70px !important;
	}
	.tiraSuperior #userData #moreInfo #pulsaciones {
		min-width: 70px !important;
		position:	absolute;
		left:	62px;
	}
	.tiraSuperior #userData #moreInfo #pulsaciones .datos p {
		min-width: 40px !important;
		margin-bottom:10px !important;
	}
	#userData #moreInfo #medidas .datos p {
		font-size: 1em !important;
	}
	#userData #moreInfo #medidas .icono {
		font-size: 20px;
    }
    .tiraSuperior #userData #moreInfo {
		 height: 100px;
		top: -100px;
		left: 70%;
	}
	#ppm{
		font-size:1em!important;
	}
	#userData #moreInfo #edad p span {
		font-size: 0.4em;
	}
	.sliderWrapper {
		overflow-x: hidden;
		overflow-y: hidden;
	}
	#noFoto > h4 {
		font-size: 0.7em!important;
	}
	#userData #moreInfo #pulsaciones .icono {
		font-size: 15px;
	}
	#userData #moreInfo #pulsaciones .datos {
		font-size: 11px !important;
		margin-top: -20px !important;
		margin-left: 20px;
	}
	#userData #name #noFoto #alerta {
		position: absolute;
		top: 0;
	}
	#moreInfo #configPreferencias {
		top:	8%;
		left: 95%
	}
	.sliderWrapper + .wrapper #main #objetivo.tile1 h3:before {
		content: none;
	}
	.entrenador #main {
		margin-bottom: 0em;
		margin-top: 10px;
	}
	#main #objetivo h2 {
		margin-bottom: 0.5em;
	}
	#objetivo #configPreferencias {
		top:	50% !important;
	}
	#userData #name #noFoto h3 {
		font-size: 0.8em !important;
	}
	#pulsaciones{
		top: 45px !important;
	}
	.sliderWrapper.tiraSuperior{
		height: 80px !important;
	}
	.sliderWrapper .wrapper {
		width: 100% !important;
	}
	.botones_dashboard{
		display:table !important;
		width: 100%;
		margin-top: 10%;
		margin-bottom: 10px;
		/*position: fixed;*/
		bottom: 0px;

	}
	.botones_dashboard div{
		display:inline-block;
		width: 42%;
		margin: 4px;
		padding: 4px;
		cursor: pointer;
	}
	.botones_dashboard p{
		font-size:0.6em;
	}
	.botones_dashboard div .icono{
		font-size: 1.1em;
	}
	.botonitoDash1 {
		background-color: #c9647b;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash1 p{
		font-size: 0.3em;
	}
	.botonitoDash2 {
		background-color: #cb3b92;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash2 p{
		font-size: 0.3em;
	}
	.botonitoDash3 {
		background-color:#d68c70;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash3 p{
		font-size: 0.3em;
	}
	.botonitoDash4 {
		background-color:#8a007d;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash4 p{
		font-size: 0.3em;
	}
	.botonitoDash5 {
		background-color:#8a007d;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash5 p{
		font-size: 0.3em;
	}
	.botonitoDash6 {
		background-color:#8a007d;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash6 p{
		font-size: 0.3em;
	}
	.botonitoDash:hover {
		background: rgba(255, 166, 58, .2);
		cursor: pointer;
		border-radius: 4px;
		text-align: center;
	}
	/**/

	#detalleCalendarioObjetivo .datos div.descripcion{
		font-size: 2em;
		max-width: 280px;
	}
	#detalleCalendarioObjetivo .datos div.tiempo {
    	margin-top: 10px;
    }
	/*header{
		background-color: #00f !important;
	}*/

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

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

	.sesion #estiramientos .recuento h3{
		font-size: 1.5em;
		line-height: 40px;
		margin-left: 5px;
	}

	.sesion #estiramientos .recuento:after{
		font-size: 40px;
	}
	.sesion #botonera h3{
		font-size: 1.4em;
	}

	.tile.tile1{
		width:100%;
	}

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

		.tile.tile2 .halfTile{
			width:50%;
		}

	.tile.tile6{
		width:100%;
	}

	.tile.tile4{
		width:100%;
	}

	.tile.tile5{
		width:100%;
	}

		.tile.tile5.botonNaranja{
			width:90%;
			padding: 0 15px;
		}

			.tile.tile5.botonNaranja .subtitle{
				margin: 0 5px;
			}

	#formulario .tile.fTile1{
		width:100%;
	}

	#formulario .tile.fTile2{
		width:100%;
	}

	#formulario .tile.fTile3{
		width:100%;
	}

	.tile5.botonNaranja .texto .title{
		font-size: 2.5em;
	}

	.tile5.botonNaranja .texto .subtitle{
		font-size: 1.2em;
	}

	#title #texto{
		font-size: .8em;
	}

	.tile.tile7{
		width:50%;
	}

	.tile.tile8{
		width:50%;
	}

	.tile.tile9{
		width:100%;
	}

	header{
		height: 100px;
	}

		.renovar header{
			height: 80px !important;
		}

		header nav #logo{
			position: absolute;
			left: 10px;
			top: 0;
		}
		.entrenador header nav .lang.option{
			position: absolute;
			left: 140px;
			top: 0;
		}

		header nav .option{
			position: relative;
			top: 40px;
		}

			header nav > div:nth-child(2){
				padding-left: 0;
			}

		header nav #logout{
			position: absolute;
			right: 10px;
			top: 0;
		}

		.contenidoOver section h2 {
			margin: 0.5em auto;
			line-height: 120%;
		}

		.contenidoOver section>.saludo {
			font-size: 140%;
		}
		.contenidoOver section>.respuesta {
			margin: 1em auto;
			width: 100%;
			font-size: 115%;
			border-radius: 0;
		}

		.contenidoOver section>.respuesta.grande {
			line-height: 110%;
		}

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

		.contenidoOver section>.respuesta.pequena {
			width: 100%;
			font-size: 105%;
			line-height: 120%;
		}

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

		.contenidoOver #forma-pago #enlaces-pago>.respuesta .icono {
			font-size: 275%;
		}

	.ejercicio .botonera .botonNaranja, .ejercicio .botonera .botonRosa{
		width: 100%;
	}

	/* datos acceso foto */
	#intro-datos {
		width: 99%;
		font-size: 90%;
		line-height: 150%;
	}
	#nombre-usuario #flecha {
		top: 3.5em;
		width: 50px;
		height: 50px;
	}

	#nombre-usuario #flecha .icono{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		font-size: 2em;
		line-height: 140%;
		border: 2px solid rgb(252,222,185);
	}

	#main #objetivo.tile1 .listaResultados{
		margin-bottom: 20px;
		margin-left: 15px;
	}

	/*.tile h4 {
		font-size: 120%;
	}*/

	#sexo-usuario .respuesta {
		display: inline-block;
		margin: 5px 0;
	}

	.tiraIntermediaSuperior {
		height: 455px;
	}
	.tiraIntermediaInferior {
		height: 280px;

	}
	.tiraInferior {
		height: 350px;
	}


	.sesion #estiramientos .recuento h3{
		padding-right: 80px;
	}

	.ejercicio #slider .bxslider .ejemplo .datos{
		margin: .5em;
	}

	/*ejercicio doble*/
	.ejercicio #slider .ejemplo.doble .veces .icono{
		font-size: 1.2em;
	}

	.ejercicio #slider .ejemplo.doble .veces p{
		font-size: 1em;
	}

		.ejercicio #slider .ejemplo.doble .mitad .cabecera .contador{
			font-size: 1.5em;
			width: 20px;
			padding-left: 5px;
		}

			.ejercicio #slider .ejemplo.doble .mitad .cabecera .repeticiones .icono{
				font-size: .8em;
			}

			.ejercicio #slider .ejemplo.doble .mitad .cabecera .repeticiones p{
				font-size: .6em;
			}

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

	.ejercicio #slider .ejemplo.doble .mitad .video{
		margin: 0 5px;
	}

	/*instrucciones ejercicios dobles*/
	.ejercicio #slider .ejemplo.doble .datos{
		padding: 2px 0 0 0;
	}

		.ejercicio #slider .ejemplo.doble .datos ul li{
			font-size: 15px;
			padding: 0 5px;
		}

		.ejercicio #slider .ejemplo.doble .datos ul li span{
			font-size: 8px;
			margin-left: 2px;
		}

		.ejercicio #slider .ejemplo.doble .datos ul li .icono{
				font-size: 20px;
				margin-right: 5px;
		}

		.antropometricos #manejadores p{
			font-size: 1.2em;
			margin: 5px 0;
		}

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

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

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

		.contenidoOver #generico .botonera .respuesta{
			width: 80px;
			height: 80px;
			font-size: 1.2em;
			margin: 0 20px;
		}

		.chat .chatter{
			display: none;
		}

	#title #botonesImprimir{
		width: 105px;
	}

		#title #botonesImprimir .icono{
			width: 50px;
			height: 50px;
			font-size: 2em;
			line-height: 50px;
		}

	.fechaLimite #noFoto{
		width: 80%;
		margin-left: 15px !important;
		text-align: left;
	}

	#detalleCalendarioObjetivo .datos div.tiempo{
		font-size: .6em;
		margin-top: 3px;
	}

	#detalleCalendarioObjetivo ul#fases li{
		font-size: .4em;
	}

	/*Preview de ejercicios dobles y circuitos*/
	.sesion .detalle .contenedorPreview{
			min-height: 228px;
		}

	/*contenido de las instrucciones del carrusel de ejercicios*/

	.container #carousel .instrucciones h1{
  		font-size: .8em;
      	line-height: 150%;
  	}

  	.container #carousel .instrucciones h2{
  		font-size: .6em;
      	line-height: 200%;
  	}

  	.container #carousel .instrucciones > p{
  		font-size: .5em;
      	line-height: 200%;
  	}

  		.container #carousel .ampliar .instrucciones h1{
      		display: none;
      	}

  		.container #carousel .ampliar .instrucciones h2{
      		font-size: 1em;
      		padding: 5px 0;
      	}

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

    .container #carousel .instrucciones .datos{
		height: 50px;
	}

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

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

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

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

	#formulario-preferencias .tile h2{
		font-size: 1.5em !important;
	}

  	#options{
		right: -70px;
  	}
  		#formulario_overlay .saludo,
	#formulario_overlay .pregunta,
	#formulario_overlay .textoGris {
		font-size: 1.2em;
	}

	#objetivo #configPreferencias{
		bottom: 0;
		right: 30px;
	}

	#detalleCalendarioObjetivo .datos div.descripcion{
		font-size: 1.1em;
		max-width: 60%;
	}
	h1.oscuro{
		color: #FFFFFF;
	}
	#main #objetivo.tile1 h3 {
		color: rgba(255, 255, 255, 0.4);
	}
	.tile.tileWellcomeSesion4{
		width:100%;
		height:auto;
	}
	.fila-boton-mister p {
		font-size: 0.8em;
	}
	.tile.tileWellcomeSesion2{
		width:100%;
		height:auto;
	}

	#info #calendario #nuevaActividad {
		bottom: 0px;
	}
}

/*una columna*/
@media only screen and (max-width: 480px){
		header nav #codigoVitale {
			position: absolute;
			top: 0;
			right: 10%;
			width: 53px;
		}
		/* Entrenador */
		#userData #moreInfoCoach #pulsaciones .icono {
			font-size: 15px;
		}
		#userData #moreInfoCoach #edad p {
			font-size: 2em;
		}
		.entrenador .tiraSuperior #userData #moreInfoCoach #edad {
			min-width: 68px !important;
		}
		.entrenador .tiraSuperior #userData #moreInfoCoach #edad {
			min-width: 68px !important;
		}
		.tiraSuperior #userData #moreInfoCoach #edad {
			min-width: 60px !important;
			visibility: visible;
			width: 0;
		}
		.tiraSuperior #userData #moreInfoCoach #medidas {
			min-width: 70px !important;
		}
		.tiraSuperior #userData #moreInfoCoach #medidas {
			width: 10%;
		}
		.tiraSuperior #userData #moreInfoCoach #pulsaciones {
			left: 2px;
			min-width: 70px !important;
			position: absolute;
		}
		.tiraSuperior #userData #moreInfoCoach #pulsaciones {
			margin-top: 0;
		}
		.entrenador #configPreferencias{
			right: -65px !important;
			bottom: 55px !important;
		}
		.entrenador #nombreCentro{
			top: -8px !important;
		}
		.entrenador #nombreCentro h3{
			margin: 0px !important;
		}
		.tiraSuperior #userData #moreInfoCoach #pulsaciones #fotoCentro{
			width: 40px;
			height: 40px;
			margin-left: 0px;
		}
		.tiraSuperior #userData #moreInfoCoach #pulsaciones #nombreCentro {
			margin: 0;
			padding-right: 0px;
			position: absolute;
		}
		.entrenador .tiraSuperior #userData #moreInfoCoach #edad {
			min-width: 68px !important;
		}
		.entrenador #pulsaciones{
			top: 30px !important;
		}
		.tile.tileMister{
			width:100%;
			height:103px;
		}
		.tile.tileMister .halfTile{
				display: inline-block;
				width:49%;
				vertical-align: top;
		}
		.tile.tileMisterin{
			width:99%;
			height:100%;
		}
		.entrenador #main{
			display:none;
		}
		.fila-boton-mister .iconoMister.nuevoCliente:before {
			font-size: 1.8em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.nuevoCliente {
			font-size: 1.8em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .icono {
			font-size: 3.4em;
			line-height: 85px;
		}
		.fila-boton-mister .iconoMister.Disena:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Disena {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .iconoMister {
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister #alerta:before {
			font-size: 2.8em;
			left: 5%;
			right: 5%;
			line-height: 70px;
		}
		.fila-boton-mister #alerta {
			height: 70px;
			text-decoration: none;
			top: -45px;
			left: 5%;
			right: 5%;
			width: 70px;
		}
		#chat{
			bottom: 10px;
			position: absolute;
			left: 10%;
			right: 10%;
		}
		/*            */
	/*Nuevo dashboard*/
	.tiraSuperior #userData #moreInfo {
		left: 67%;
	}
	/**/
	.tile.tile1{
		width:100%;
	}

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

		.tile.tile2 .halfTile{
			width:100%;
		}


	.tile.tile3{
		width:100%;
	}

	.tile.tile4{
		width:100%;
	}

	.tile.tile6 .tile.tile3{
		width:100%;
	}

	.tile5.botonNaranja .texto p{
		font-size: 1.8em;
	}

	.tile.tile7{
		width:100%;
	}

	#title #texto{
		font-size: .6em;
	}

	.tile.tile8{
		width:100%;
	}

	.tile5.botonNaranja .texto .title{
		font-size: 2em;
		line-height: 100%;
	}

	.tile5.botonNaranja .texto .subtitle{
		font-size: 1em;
	}

	#estadisticas {
		text-align: center;
	}

		#estadisticas .halfTile:nth-child(1) h4{
			text-align: left;
		}

		#estadisticas .halfTile:nth-child(2){
			width: 180px;
		}

			#estadisticas .halfTile:nth-child(2) li p{
				text-align: left;
			}
			.sesion .detalle .datosDobles{
				margin-top: 3em;
			}
			.sesion .ejemplo.doble .mitad .datos {
				bottom: 0px !important;
				margin-top: 0 !important;
				padding-top: 0 !important;
				position: absolute !important;
				margin-bottom: 0 !important;
			}

/*Invierte el degradado*/

	body {
		background: #a7076c; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjYTcwNzZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjYTcwNzZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiYzA3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-45deg,  #000000 0%, #a7076c 45%, #a7076c 75%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(45%,#a7076c), color-stop(75%,#a7076c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #000000 0%,#a7076c 45%,#a7076c 75%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #000000 0%,#a7076c 45%,#a7076c 75%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #000000 0%,#a7076c 45%,#a7076c 75%); /* IE10+ */
		background: linear-gradient(135deg,  #000000 0%,#a7076c 45%,#a7076c 75%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#fbc073',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	}

/*Preview de ejercicios dobles y circuitos*/
	.sesion .detalle .contenedorPreview{
			min-height: 168px;
		}

		.sesion .detalle .datos{
			background: rgba(255, 255, 255, .5);
		}

	.ejercicio #title #resumen{
		padding-top: 0;
	}
	.ejercicio #title #resumen ul li{
		width: 10px;
		height: 10px;
		border: 1px solid #fff;
		background-color: rgba(255, 255, 255, .6);
		box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
	}

	.ejercicio #title #resumen > div:first-child {
				border-right: none;
				padding-right: 0px;
				border-bottom: 1px solid rgba(255, 255, 255, .2);
				padding-bottom: 3px;
			}

	/*contenido de las instrucciones del carrusel de ejercicios*/

	.container #carousel .instrucciones h1{
  		font-size: .6em;
      	line-height: 100%;
  	}

  	.container #carousel .instrucciones h2{
  		font-size: .5em;
      	line-height: 100%;
  	}

  	.container #carousel .instrucciones > p{
  		font-size: .4em;
      	line-height: 100%;
  	}

  		/*.container #carousel .ampliar .instrucciones h1{
      		font-size: 1.4em;
      		line-height: 120%;
      		display: none;
      	}*/

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

      	.container #carousel .ampliar .instrucciones > p{
      		font-size: .8em;
			line-height: 150%;
      	}

    .container #carousel .instrucciones .datos{
		height: 20px;
	}

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

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

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

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

    .container #carousel h4{
		font-size: 1em;
	}

	#main {
		margin-bottom: 3em;
	}

	#main #objetivo h2{
		font-size: 1.5em !important;
		font-family: ''OxygenLight'';
		font-weight: 100;
		margin-bottom: 2em;
		text-align: center;
	}

	#main #objetivo.tile1 h3{
/*		margin-bottom: 20px;
*/		/* margin-left: 15px; */
		font-size: 1.2em;
		text-align: center;
		color: rgba(255, 255, 255,.4);
		font-family: 'OxygenRegular';
		font-weight: bolder;
	}
	.sliderWrapper + .wrapper #main #objetivo.tile1 h3:before{
		margin-bottom: 20px;
		margin-top: 1em;
		font-size: 3em;
		text-align: center;
		color: rgba(255, 255, 255,.2);
		font-family: 'CommonIcons';
		/*content:'a';*/
		display: block;
	}

	#title #texto h1{
		font-size: 2.2em !important;
	}
	#title #flecha{
		padding-top: 0;
	}
	#title #botonesImprimir{
		padding-right: .5em;
	}

	.circulo-preferencias.pelota-nivel,
	.mobile .circulo-preferencias:hover,
	.circulo-preferencias,
	.circulo-preferencias-entrenar,
	.circulo-preferencias.pelota-nivel:hover,
	.circulo-preferencias:hover,
	.circulo-preferencias-entrenar:hover,
	.circulo-preferencias.pelota-nivel.seleccionado,
	.mobile .circulo-preferencias.seleccionado:hover,
	.mobile .circulo-preferencias.duracion.seleccionado:hover,
	.circulo-preferencias.seleccionado,
	.mobile .circulo-preferencias-lugar:hover,
	.circulo-preferencias-lugar,
	.mobile .circulo-preferencias-lugar.seleccionado,
	.mobile .circulo-preferencias-entrenar.seleccionado:hover,
	.circulo-preferencias-entrenar.seleccionado{
		width: 95px;
		height: 95px;
		font-size: 0.9em;
	}
	.mobile .circulo-preferencias.duracion.seleccionado{
		display: table;
	}
	.mobile .circulo-preferencias-entrenar:hover,
	.circulo-preferencias-entrenar,
	.circulo-preferencias-entrenar.feeling:hover,
	.circulo-preferencias-entrenar:hover,
	.circulo-preferencias-entrenar.feeling.seleccionado{
		width: 55px !important;
		height: 55px !important;
	}
	.mobile .circulo-preferencias-entrenar.dura,
	.circulo-preferencias-entrenar.dura,
	.mobile .circulo-preferencias-entrenar.dura:hover,
	.circulo-preferencias-entrenar.dura:hover,
	.circulo-preferencias-entrenar.dura.seleccionado,
	.mobile .circulo-preferencias-entrenar.dura.seleccionado{
		width: 35px !important;
		height: 35px !important;
	}
	.lista-estrecha.feeling li{
		width:55px;
	}
	.circulo-preferencias.objetivo,
	.circulo-preferencias.objetivo:hover,
	.circulo-preferencias.objetivo.seleccionado{
		width:95px;
		height:95px;
	}

	.contenedorSlider .lista-estrecha li {
		width: 95px !important;
	}
	.big {
		font-size: 3em;
	}
	.circulo-preferencias.duracion span{
		font-size:2em;
	}
	.circulo-preferencias.duracion small{
		font-size:0.4em;
	}
	.circulo-preferencias small {
		font-size:11px;
	}
		#lista-materiales > li {
		width: 85px;
	}
	#lista-duracion > li {
		width: 35px;
	}
	#pelotas-inferiores > li {
		width: 100px;
	}
	#lista-lugar > li {
		width: 85px;
	}
	.lista-estrecha li {
		width: 90px;
	}
	.lista-estrecha.pelota-pequena li{
		width: 50px;
	}
	.menuSencillo{
		height: 40px;
	}
	.mobile .circulo-patologias:hover,
	.circulo-patologias,
	.circulo-patologias:hover,
	.mobile .circulo-patologias.seleccionado:hover,
	.circulo-patologias.seleccionado {
		width: 65px;
		height: 65px;
		font-size: 0.9em;
		font-weight: bold;
	}
	.mobile .circulo-preferencias-dias:hover,
	.circulo-preferencias-dias {
		background-clip: padding-box;
		background-color: rgba(255, 255, 255, 0.2);
		border: medium none;
		border-radius: 50%;
		cursor: pointer;
		display: table;
		height: 70px;
		margin: 0.25em auto !important;
		width: 70px;
	}
	#formulario_overlay .saludo,
	#formulario_overlay .pregunta,
	#formulario_overlay .textoGris {
		font-size: 1.2em;
	}

	.listaResultados li{
		padding-right: 4%;
		width: 46%;
		font-size: .9em;
	}

		.listaResultados li span{
			font-size: 1.3em;
			position: relative;
			top: -3px;
		}
		.ejercicio #slider .ejemplo .datos{
				font-size: 15px;
			}
		.lista-separada p, .lista-estrecha p, .lista-materiales p {
		font-size: 0.7em;
	}

		.ejercicio #slider .ejemplo .datos ul li{
			width: auto;
			min-width: 48%;
		}

		.ejercicio #slider .ejemplo .datos ul li span{
			font-size: 12px;
		}

			.ejercicio #slider .ejemplo .datos ul li .icono{
				font-size: 25px;
			}

			.ejercicio #slider .ejemplo ul li .contenedorTexto .subtexto{
				font-size: 10px;
			}

	.antropometricos #manejadores{
		text-align: center;
	}

	#objetivo #configPreferencias{
		bottom: 10px;
		right: 30px;
	}

	.botoneraFixed {
		width: 100%;
		position: fixed;
		bottom: 0;
	}

		.botoneraFixed .botonera{
			margin-bottom: 0 !important;
		}
}

/*corte intermedio para algunos textos*/
@media only screen and (max-width: 400px){
	header nav #codigoVitale {
		position: absolute;
		top: 0;
		right: 12%;
		width: 53px;
	}
	/* Chat entrenador*/
	div#nuevo-mensaje.button-azul-txiki{
		width:50%!important;
	}
	/* Entrenador */
		.tile.tileMister{
			width:100%;
			height:103px;
		}
		.tile.tileMister .halfTile{
				display: inline-block;
				width:49%;
				vertical-align: top;
		}
		.tile.tileMisterin{
			width:99%;
			height:100%;
		}
		.entrenador #main{
			display:none;
		}
		.fila-boton-mister .iconoMister.nuevoCliente:before {
			font-size: 1.8em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.nuevoCliente {
			font-size: 1.8em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .icono {
			font-size: 3.4em;
			line-height: 85px;
		}
		.fila-boton-mister .iconoMister.Disena:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Disena {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .iconoMister {
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister #alerta:before {
			font-size: 2.8em;
			left: 5%;
			right: 5%;
			line-height: 70px;
		}
		.fila-boton-mister #alerta {
			height: 70px;
			text-decoration: none;
			top: -45px;
			left: 5%;
			right: 5%;
			width: 70px;
		}
		#chat{
			bottom: 10px;
			position: absolute;
			left: 10%;
			right: 10%;
		}
		/*            */
	/*.fTile3.botonNaranja .texto p{
		font-size: 1.8em;
	}

	#title #texto{
		font-size: .7em;
	}

	#formulario .tile.fTile4{
		width: 100%;
		height: 80px;
	}*/
	.sesion .ejemplo.doble .mitad .datos {
		    bottom: 0;
		margin-top: 0 !important;
		padding-top: 0 !important;
		position: absolute;
		margin-bottom: 0 !important;
	}
	.sesion .detalle .datosDobles{
				margin-top: 1em;
	}
	.tiraSuperior #userData #moreInfo {
		left: 55%;
	}
	.tiraIntermediaSuperior {
		height: 425px;
	}
	.tiraIntermediaInferior {
		height: 300px;

	}
	.tiraInferior {
		height: 450px;
	}

	.contenidoOver #forma-pago>.saludo {
		font-size: 135%;
	}

	.contenidoOver #forma-pago #enlaces-pago>.respuesta {
		margin: 0.4em;
		padding: 0.4em;
	}

	.ejercicio #title #resumen > div:first-child{
		border: none;
	}

	.objetivoRendimiento #detalleObjetivo .datos div.descripcion{
		font-size: 1.5em;
		margin-left: -50px;
		max-width: 55%;
	}

	.objetivoRendimiento #detalleObjetivo .datos div.tiempo{
		font-size: .6em;
		margin-top: 15px;
	}

	.objetivoRendimiento #detalleObjetivo ul#fases li{
		font-size: .4em;
	}

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

	.objetivoRendimiento #calendario .imprimir{
		width: 34px;
		height: 34px;
		overflow: hidden;
	}

	.objetivoRendimiento #calendario .fc-header-title h2{
		font-size: 1em;
	}
	.objetivoRendimiento #calendario table.fc-header{
		width: 200px !important;
	}

	#detalleCalendarioObjetivo ul#fases{
		margin-top: 38px;
	}

	#detalleCalendarioObjetivo ul#fases li{
		display: none;
	}

		#detalleCalendarioObjetivo ul#fases li.sel{
			display: table-cell;
			font-size: 1em;
		}

		#detalleCalendarioObjetivo ul#fases li.sel:before{
			left: 45%
		}

	#detalleCalendarioObjetivo .datos{
		width: 200px;
	}

		#detalleCalendarioObjetivo .datos div.descripcion{
			font-size: 1.5em;
			text-align: center;
			max-width: 100%;
			width: 100%;
		}

		#detalleCalendarioObjetivo .datos div.tiempo{
			font-size: .6em;
			text-align: center;
			width: 100%;
			margin-top: 0;
		}

	#calendario #mensajesCalendario #sesionFinalizada .valoracion > div{
		width: 80px;
		margin: 10px 5px;
		font-size: .8em;
	}

	#calendario #mensajesCalendario #sesionFinalizada .valoracion .icono{
		font-size: 2em;
	}

	#calendario #mensajesCalendario #sesionFinalizada .grafico{
		width: 60%;
		position: relative;
		top: -10px;
	}

	#calendario #mensajesCalendario #sesionFinalizada .datos{
		width: 40%; /**/
		padding-left: 5px;
	}

		#calendario #mensajesCalendario #sesionFinalizada .datos .icono{
			width: 40px;
			text-align: center;
			font-size: 2em;
		}

		#calendario #mensajesCalendario #sesionFinalizada .datos p{
			font-size: 1.2em !important;
			padding-left: 4px;
			position: relative;
			top: 5px;
		}

			#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;
		}
	.menuSencillo{
		height: 40px;
	}
	#title #flecha{
		width: 60px;
		padding-top: 0;
	}
	#title #flecha .icono {
		font-size: 2em;
		height: 60px;
		line-height: 180%;
		width: 60px;
	}
		.sesion.ejercicio #title #resumen{
			display: none;
		}

	.wrapper.calendarioParaImprimir #calendario .fc-header h2,
	.wrapper.calendarioParaImprimir #calendarioRendimiento .fc-header h2,
	.wrapper.calendarioParaImprimir #calendarioGeneral .fc-header h2 {
	    font-size: 1em;
	}

	.fc-widget-header,
	.fc-header-title{
		font-size: .8em;
	}
	#lista-lugar > li {
		width: 85px;
	}
	.lista-separada p, .lista-estrecha p, .lista-materiales p {
		font-size: 0.7em;
	}

	.botoneraFixed {
		width: 100%;
		/*position: fixed;*/
		bottom: 0;
	}

		.botoneraFixed .botonera{
			margin-bottom: 0 !important;
		}
	.fila-boton-mister .fila-boton-mister p {
		font-size: 0.7em;
	}
	.smallBusiness #userData #moreInfoCoach #medidas p {
		font-size: 2em;
	}
}

/*una columna */
@media only screen and (max-width: 360px){ /*TODO: revisar el punto de corte*/
		/* Mis clientes*/
			#ficha-superior-cliente #name{
				width: 40%;
			}
			#ficha-superior-cliente #moreInfo{
				width: 60%;
			}
			#ficha-superior-cliente #moreInfo #edad {
				max-width: 23%;
				min-width: 20%;
			}
			#ficha-superior-cliente #moreInfo #medidas {
				max-width: 38%;
				min-width: 20%;
			}
				#ficha-superior-cliente #moreInfo #pulsaciones {
				max-width: 30%;
				min-width: 20%;
			}
			.tile.tileCabeceraClientes {
				width: 100%;
				height: 470px;
			}
			#ficha-superior-cliente #moreInfo #ultimo-acceso {
				top: 45px;
			}
		/**/
		/* Entrenador */
		.tile.tileMister{
			width:100%;
			height:103px;
		}
		.tile.tileMister .halfTile{
				display: inline-block;
				width:49%;
				vertical-align: top;
		}
		.tile.tileMisterin{
			width:99%;
			height:100%;
		}
		.entrenador #main{
			display:none;
		}
		.fila-boton-mister .iconoMister.nuevoCliente:before {
			font-size: 1.8em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.nuevoCliente {
			font-size: 1.8em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .icono {
			font-size: 3.4em;
			line-height: 85px;
		}
		.fila-boton-mister .iconoMister.Disena:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Disena {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .iconoMister {
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister #alerta:before {
			font-size: 2.8em;
			left: 5%;
			right: 5%;
			line-height: 70px;
		}
		.fila-boton-mister #alerta {
			height: 70px;
			text-decoration: none;
			top: -45px;
			width: 70px;
			left: 5%;
			right: 5%;
		}
		#chat{
			bottom: 10px;
			position: absolute;
			left: 10%;
			right: 10%;
		}
		/*            */
	/*header{
		background-color: #000 !important;
	}*/
	.sesion .detalle .datosDobles{
		margin-top: 1em;
	}
	.sesion .ejemplo.doble .mitad .datos {
		    bottom: 0;
		margin-top: 0 !important;
		padding-top: 0 !important;
		position: absolute;
		margin-bottom: 0 !important;
	}
	header {
		font-size: 90%;
	}
	.movil-ocultar{
		visibility:hidden;
	}

	#objetivo h2{
		font-size: 1.4em;
	}

	.antropometricos #manejadores{
		text-align: center;
	}

	.contenidoOver section h2 {
		margin: 0.3em auto;
		line-height: 115%;
	}

	.contenidoOver section>.saludo {
		font-size: 110%;
	}

	.contenidoOver section>.pregunta {
		font-size: 150%;
	}

	.contenidoOver section>.respuesta {
		margin: 1em auto;
		width: 80%;
		font-size: 105%;
	}

	.contenidoOver section>.respuesta.grande {
		line-height: 110%;
	}

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

	.contenidoOver section>.respuesta.pequena {
		width: 70%;
		font-size: 90%;
		line-height: 110%;
	}

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

	.contenidoOver #forma-pago {
		font-size: 90%;
	}

	/* datos acceso foto */
	#intro-datos {
		width: 99%;
		font-size: 80%;
		line-height: 140%;
	}

	.tiraIntermediaSuperior {
		height: 575px;
	}
	.tiraIntermediaInferior {
		height: 300px;

	}
	.tiraInferior {
		height: 450px;
	}

    .sesion #botonera .boton.naranja .content{
		padding-right: 0;
	}

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

    /*anchura del slider de ejercicios*/
	.ejercicio #slider{
		width: 260%;
		left: -80%;
	}

	.ejercicio .sliderSel {
		width: 10%;
	}

	.identityForm .form .button{
		width: 100% !important;
		font-size: 1.5em !important;
	}

	.identityProviderContent .title02{
		font-size: 1.6em;
		text-align: center;
	}

	.objetivoRendimiento #detalleObjetivo ul#fases li{
		/*display: none;*/
		font-size: 5px;
		color: rgba(0,0,0,0);
		line-height: 100%;
	}

		.objetivoRendimiento #detalleObjetivo ul#fases li:before{
			content:'';
			display: inline-block;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			border: 1px solid #a05c7d;
			background-color: #622D52;
			position: absolute;
			top: -18px;
			left: 42%;
		}

		.objetivoRendimiento #detalleObjetivo ul#fases li.sel{
			display: table-cell;
			font-size: 1em;
		}

		.objetivoRendimiento #detalleObjetivo ul#fases li.sel:before{
			left: 45%
		}

	.objetivoRendimiento #detalleGeneral .datos .descripcion{
		font-size: 1.5em;
		margin-top: 5px;
	}

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

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

		.objetivoRendimiento #nuevaActividad p{
			font-size: 1em !important;
			line-height: 100% !important;
			text-align: right !important;
			max-width: 80px;
		}

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

	#detalleCalendarioObjetivo .datos div.tiempo{
		font-size: .4em;
	}

	.fechaLimite #noFoto{
		width: 70%;
	}

	#up span { display: block;}

	#calendario #mensajesCalendario #sesionFinalizada .valoracion > div{
		width: 60px;
		font-size: .7em;
	}

	#calendario #mensajesCalendario #sesionFinalizada .valoracion .icono{
		font-size: 3em;
	}

	.ejercicio #title #resumen {
		padding-top: 5px;
	}

		.ejercicio #title #resumen > div {
			height: 45px;
		}

		.antropometricos #manejadores input[type='range']{
			width: 95%;
		}


		.antropometricos #manejadores input[type='range']::-moz-range-track {
			width: 95%;
		}
		.menuSencillo{
			height: 40px;
		}
		#title #flecha{
			width: 60px;
		}
		#title #flecha .icono {
			font-size: 2em;
			height: 60px;
			line-height: 180%;
			width: 60px;
		}
	#options{
		right: -35px;
		font-size: 2em;
  	}
  		#formulario_overlay .saludo,
	#formulario_overlay .pregunta,
	#formulario_overlay .textoGris {
		font-size: 1.2em;
	}

  	.container #carousel .instrucciones .datos ul li {
	    min-width: 48%;
	}
	.botonNaranja .texto .title {
		font-size: 2.3em;
	}
}

/*una columna muy estrecha*/
@media only screen and (max-width: 320px){ /*TODO: revisar el punto de corte*/
	/* Mis clientes*/
	.entrenador #name #foto {
		margin:0px;
	}
	/**/
	/* Entrenador */
		.tiraSuperior #userData #moreInfoCoach #pulsaciones {
			margin-top: 0px;
		}
		.tile.tileMister{
			width:100%;
			height:103px;
		}
		.tile.tileMister .halfTile{
				display: inline-block;
				width:49%;
				vertical-align: top;
		}
		.tile.tileMisterin{
			width:99%;
			height:100%;
		}
		.entrenador #main{
			display:none;
		}
		.fila-boton-mister .iconoMister.nuevoCliente:before {
			font-size: 1.8em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.nuevoCliente {
			font-size: 1.8em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .icono {
			font-size: 3.4em;
			line-height: 85px;
		}
		.fila-boton-mister .iconoMister.Disena:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Disena {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister .iconoMister {
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes:before {
			font-size: 1.5em;
			line-height: 75px;
		}
		.fila-boton-mister .iconoMister.Clientes {
			font-size: 2.5em;
			line-height: 75px;
			margin-left: 15px;
		}
		.fila-boton-mister #alerta:before {
			font-size: 2.8em;
			left: 15%;
			right: 15%;
			line-height: 70px;
		}
		.fila-boton-mister #alerta {
			height: 70px;
			left: 5%;
			right: 5%;
			position: relative;
			text-decoration: none;
			top: -45px;
			width: 70px;
		}
		#chat{
			bottom: 10px;
			position: absolute;
			left: 10%;
			right: 10%;
		}
			.tiraSuperior #userData #moreInfoCoach #edad {
				min-width: 60px !important;
				visibility: visible;
				width: 0%;
			}
			#userData #moreInfoCoach #edad p {
				font-size: 2em;
			}
			.tiraSuperior #userData #moreInfoCoach #medidas {
				min-width: 70px !important;
			}
			.tiraSuperior #userData #moreInfoCoach #pulsaciones {
				min-width: 70px !important;
				position:	absolute;
				left:	2px;
			}
			.tiraSuperior #userData #moreInfoCoach #pulsaciones .datos p {
				min-width: 40px !important;
				margin-bottom:10px !important;
			}
			#userData #moreInfoCoach #medidas .datos p {
				font-size: 1em !important;
			}
			#userData #moreInfoCoach #medidas .icono {
				font-size: 20px;
			}
			.tiraSuperior #userData #moreInfoCoach {
				 height: 100px;
				top: -100px;
				left: 51%;
			}
			#userData #moreInfoCoach #edad p span {
				font-size: 0.4em;
			}
			.sliderWrapper {
				overflow-x: hidden;
				overflow-y: hidden;
			}
			#noFoto > h4 {
				font-size: 0.7em!important;
			}
			#userData #moreInfoCoach #pulsaciones .icono {
				font-size: 15px;
			}
			#userData #moreInfoCoach #pulsaciones .datos {
				font-size: 11px !important;
				margin-top: -20px !important;
				margin-left: 20px;
			}
		/*            */
	/* Nuevo dahsboard */
	header {
		font-size: 80%;
		height: 40px;
	}
	.movil-ocultar{
		visibility:hidden;
	}
	.tiraSuperior #userData #name {
		width: 100%;
	}
	header nav .mis-datos{
		top: 25px;
		position: relative;
		width: 100px;
		margin: 0 auto;
		visibility: hidden;
	}
	header .lang.option {
		top:0;
		left:25px;
	}
	header nav .option2{
		top: 25px;
		position: relative;
		width: 100px;
		float: right;
		margin-right: 25px;
	}
	header nav #accesData {
		float: left;
		padding: 0 5px;
		white-space: nowrap;
	}
	header nav #logout {
		/*top: 15px;*/
	}
	header nav #logout span {
		font-size: 1.8em !important;
	}
	#name #foto {
		width: 63px;
		height: 63px;
		margin: 5px;
	}
	#userData #name #noFoto {
		margin: 0 !important;
		float: none !important;
		padding-right: 55px;
		position: relative;
		padding-left: 5px;
		top:	10px;
		width: 50%;
	}
	#userData #name #noFoto h1 {
		max-width: 125px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		min-height: 25px;
		font-size: 1.5em !important;
	}
	#userData #name {
		margin-top: 0px !important;
	}
	.tiraSuperior #userData #moreInfo #edad {
		min-width: 60px !important;
		visibility: hidden;
	}
	#userData #moreInfo #edad p {
		font-size: 2em;
	}
	.tiraSuperior #userData #moreInfo #medidas {
		min-width: 70px !important;
	}
	.tiraSuperior #userData #moreInfo #pulsaciones {
		min-width: 70px !important;
		position:	absolute;
		left:	62px;
	}
	.tiraSuperior #userData #moreInfo #pulsaciones .datos p {
		min-width: 40px !important;
		margin-bottom:10px !important;
	}
	#userData #moreInfo #medidas .datos p {
		font-size: 1em !important;
	}
	#userData #moreInfo #medidas .icono {
		font-size: 20px;
    }
    .tiraSuperior #userData #moreInfo {
		 height: 100px;
		top: -100px;
		left: 51%;
	}
	#ppm{
		font-size:1em!important;
	}
	#userData #moreInfo #edad p span {
		font-size: 0.4em;
	}
	.sliderWrapper {
		overflow-x: hidden;
		overflow-y: hidden;
	}
	#noFoto > h4 {
		font-size: 0.7em!important;
	}
	#userData #moreInfo #pulsaciones .icono {
		font-size: 15px;
	}
	#userData #moreInfo #pulsaciones .datos {
		font-size: 11px !important;
		margin-top: -20px !important;
		margin-left: 20px;
	}
	header nav #codigoVitale {
		position: absolute;
		top: 0;

	}
	#userData #name #noFoto #alerta {
		position: absolute;
		top: 0;
	}
	#moreInfo #configPreferencias {
		top:	8%;
		left: 95%
	}
	.sliderWrapper + .wrapper #main #objetivo.tile1 h3:before {
		content: none;
	}
	#main {
		margin-bottom: 0em;
		margin-top: 10px;
	}
	#main #objetivo h2 {
		margin-bottom: 0.5em;
	}
	#objetivo #configPreferencias {
		top:	50% !important;
	}
	#userData #name #noFoto h3 {
		font-size: 0.8em !important;
	}
	#pulsaciones{
		top: 45px !important;
	}
	.sliderWrapper.tiraSuperior{
		height: 80px !important;
	}
	.sliderWrapper .wrapper {
		width: 100% !important;
	}
	.botones_dashboard{
		display:table !important;
		width: 100%;
		margin-top: 10%;
		margin-bottom: 10px;
		/*position: fixed;*/
		bottom: 0px;

	}
	.botones_dashboard div{
		display:inline-block;
		width: 42%;
		margin: 4px;
		padding: 4px;
		cursor: pointer;
	}
	.botones_dashboard p{
		font-size:0.6em;
	}
	.botones_dashboard div .icono{
		font-size: 1.1em;
		margin-left: 0px;
	}
	.botonitoDash1 {
		background-color: #c9647b;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash1 p{
		font-size: 0.3em;
	}
	.botonitoDash2 {
		background-color: #cb3b92;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash2 p{
		font-size: 0.3em;
	}
	.botonitoDash3 {
		background-color:#d68c70;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash3 p{
		font-size: 0.3em;
	}
	.botonitoDash4 {
		background-color:#8a007d;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash4 p{
		font-size: 0.3em;
	}
	.botonitoDash5 {
		background-color:#8a007d;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash5 p{
		font-size: 0.3em;
	}
	.botonitoDash6 {
		background-color:#8a007d;
		border-radius: 4px;
		text-align: center;
		font-size: 2.2em;
	}
	.botonitoDash6 p{
		font-size: 0.3em;
	}
	.botonitoDash:hover {
		background: rgba(255, 166, 58, .2);
		cursor: pointer;
		border-radius: 4px;
		text-align: center;
	}
	/**/

	header {
		font-size: 80%;
	}

	.contenidoOver #forma-pago {
		font-size: 80%;
	}

	.contenidoOver #forma-pago #enlaces-pago>.respuesta .icono {
		margin: 0.2em;
		width: 75px;
		height: 75px;
		font-size: 250%;
	}

	.tiraIntermediaSuperior {
		height: 575px;
	}
	.tiraIntermediaInferior {
		height: 380px;

	}
	.tiraInferior {
		height: 450px;
	}
	.menuSencillo{
		height: 40px;
	}
	#title #flecha{
		width: 60px;
	}
	#title #flecha .icono {
		font-size: 2em;
		height: 60px;
		line-height: 180%;
		width: 60px;
	}
	.tile.tileAlone.centrado .margen {
		padding: 20px 0 30px;
	}
	.mobile .circulo-preferencias-dias:hover,
	.circulo-preferencias-dias {
		height: 50px;
		width: 50px;
	}
	#formulario_overlay .saludo,
	#formulario_overlay .pregunta,
	#formulario_overlay .textoGris {
		font-size: 1.2em;
	}
	.botonNaranja .texto .title{
		font-size: 2em;
	}
	header nav #codigoVitale {
		width: 18%;
		margin-left: 225px;
	}
}