:root{
	--colorPrincipalFondo:#f89739;
}

:root:has(body.OriginalEdition){
	--colorPrincipalFondo:#5ce6c9;
}



.ui-page {
	-webkit-backface-visibility: hidden !important; 
}

.ui-overlay-a, 
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper{
	text-shadow:none !important;
	overflow-x: hidden !important;
	overflow-y: visible !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: auto !important;
	-webkit-backface-visibility: hidden !important; 
}

body.iPhone.navegadorSinSoporte .ui-overlay-a, 
body.iPhone.navegadorSinSoporte .ui-page-theme-a,
body.iPhone.navegadorSinSoporte .ui-page-theme-a .ui-panel-wrapper{
	overflow-y: scroll !important;
}


.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited{border:none}
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus{
	box-shadow: inherit;
	box-shadow: 0 4px 0 1px #444444 !important
}

.ui-page-active:not(#splash):not(#login):not(#campanasComenzarBatalla){
   /* min-height: auto !important;*/
}
#batallaResultado > .ui-content {
    min-height: 80px !important;
}

html{
	/*font-size: 180% !important;*/
	background:var(----colorPrincipalFondo);
}

body{
	background:var(--colorPrincipalFondo);
	position: relative;
	/*height: 99.9% !important;*/
	height:100% !important;
	/*min-width: 300px;*/
	
	/*Intentando que tras pulsar en las imagenes de usuarios que abren una modal, no se oculte el body*/
	display: block !important;
	min-height: 99.9% !important;
	
} 

body.questiumIframe{
	min-width: 0;
}

body.conFondo{
	background:var(--colorPrincipalFondo) !important;
}

body.navegadorChrome{ /*evitamos que on slideDown se refresque la web en navegadornavegador*/
	position: absolute;
	overflow-y: hidden;
}

body.iPhone.navegadorChrome{
	overflow-y: scroll !important;
}

#fondoAppQuestiumDegradado{
	background-color: var(--colorPrincipalFondo);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	
}

body.OriginalEdition #fondoAppQuestiumDegradado{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5ce6c9), to(#3a9785)) !important;
	background-image: -webkit-linear-gradient(top, #5ce6c9, #3a9785) !important;
	background-image: -moz-linear-gradient(top, #5ce6c9, #3a9785) !important;
	background-image: -o-linear-gradient(top, #5ce6c9, #3a9785) !important;
	background-image: linear-gradient(to bottom, #5ce6c9, #3a9785) !important;
}

#fondoAppQuestium{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent repeat scroll center center;
	
	background-size:70%;
	transition: all 0.5s ease 0s;
}

body:not(.OriginalEdition) #fondoAppQuestium{
	display: none;
}


body.splash #fondoAppQuestium{
	background-size:150%;
}

body.fondoDesenfocado #fondoAppQuestium{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}



#fondoBlanco {
    background: var(--colorPrincipalFondo) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483647;
	
}
body.conFondo #fondoBlanco{
	transition: background 0.55s ease-out;
}

#fondoBlanco img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 80%;
}

#fondoBlanco img.acuerdo:not([src*="svg"]) {
    width: auto;
    height: auto;
	max-width: 80%;
	max-height: 80%
		
}

.limpiador{float:none; clear:both; height:1px;}

.noDisponible{opacity:0.4}

.botonQt{
	
	background: #f5ce16;
	/*
	background: -moz-linear-gradient(top, #f5ce16 0%, #f5b316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ce16), color-stop(100%,#f5b316));
	background: -webkit-linear-gradient(top, #f5ce16 0%,#f5b316 100%);
	background: linear-gradient(to bottom, #f5ce16 0%,#f5b316 100%);
	*/
	text-decoration:none;
	color:#434343;
	-webkit-transition: color 0.01s ease-out;
	transition:color 0.01s ease-out;
	cursor:pointer;
	opacity:1;
}

.botonQt:active{
	color:#434343;
	opacity:0.8;
}
/*.botonQt:hover{ opacity:0.8;}*/

.botonSombra{
    box-shadow: 0 4px 0 2px #444444 !important;
}

.txtQt{
	font-family: 'Yanone Kaffeesatz', sans-serif !important;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.8) !important;}

.roboto{font-family: 'Roboto', sans-serif !important;}


.separadorQT{
	margin: 30px 0 20px;
	text-align: center;
}

.separadorQT .imagenCorta {
    max-width: 100%;
}

.parrafoIntroducciones{
		background: #ffffff none repeat scroll 0 0;
		border-radius: 5px;
		font-family: "roboto",sans-serif;
		font-size: 14px;
		font-weight: 100;
		margin: 0;
		opacity: 0.9;
		padding: 10px 15px;
		text-align: center;
	}
	
	
.parrafoIntroducciones.parrafoWarning::before {
    background: #f63b5a none repeat scroll 0 0;
    border-radius: 50%;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    content: "!";
    display: block;
    font-family: "roboto",sans-serif;
    font-size: 30px;
    font-weight: 800;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -20px;
    width: 40px;
}
.parrafoIntroducciones.parrafoWarning {
    padding-top: 30px;
	padding-bottom: 20px;
    position: relative;
	margin-top: 60px;
}

.parrafoIntroducciones.parrafoInfo::before {
    background: #36C3FF none repeat scroll 0 0;
    border-radius: 50%;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    content: "i";
    display: block;
    font-family: "roboto",sans-serif;
    font-size: 30px;
    font-weight: 800;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -20px;
    width: 40px;
}
.parrafoIntroducciones.parrafoInfo {
    padding-top: 30px;
	padding-bottom: 20px;
    position: relative;
}	
div[data-role="page"]{
	background:none !important;
	
	/*max-width:640px !important;*/
	/*margin:0 auto;
	position:relative;*/
	box-shadow:none;
	position: absolute !important;
	/*height: 100% !important*/
}

.inputQt{
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border: medium none !important;
    border-radius: 25px !important;
    box-shadow: none !important;
    color: #ffffff;
    font-family: "roboto",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    outline: medium none !important;
    padding: 14px;
	position:relative;
    text-shadow: none !important;
}

.inputQt.readOnly {
    color: #d4d4d4 !important;
}
.inputQt.validado {
    padding-right: 40px;
}

.inputQt.validado::before {
    background: #04ea65 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #ffffff;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin: auto;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 0;
    width: 25px;
}

.inputQt i {
    font-style: normal;
}



#mantenimiento, 
#mantenimientoInterno{
    margin: 0 auto;
    max-width: 90%;
    position: relative;
    top: 30px;
    z-index: 1500;
	font-family: "roboto",sans-serif;
}

#mantenimiento{
    display: block;
}

#mantenimientoInterno {
    margin: 0 auto !important;
    max-width: 90%;
    position: relative !important;
    width: 100% !important;
}


body.headerPPal #mantenimiento,
body.headerPPal  #mantenimientoInterno{top: 30px;}


#mantenimiento.oculto{display:none}


#mantenimientoInterno h1,
#mantenimiento h1 {
    color: #434343;
    font-family: "yanone kaffeesatz";
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 20px;
    /*text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5);*/
}

#mantenimientoTextoInterno > p,
#mantenimientoTexto > p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 17px;
    text-align: center;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
}

#mantenimientoTextoInterno > p > span,
#mantenimientoTexto > p > span {
    color: #f2df11;
}

#imagenesMantenimientoInterno,
#imagenesMantenimiento {
    position: relative;
	max-width: 80%;
	text-align: center;
	margin: 0 auto;
}

#mantenimientoInterno #imagenesMantenimientoInterno img,
#mantenimiento  #imagenesMantenimiento img{
    display: block;
    height: auto;
    width: 100%;
}

#mantenimientoInterno img#imagenTecnicoMantenimientoInterno,
#mantenimiento img#imagenTecnicoMantenimiento {
    bottom: 0;
    left: 10%;
    position: absolute;
    width: 50%;
}

#mantenimientoBotonesInterno,
#mantenimientoBotones {
    margin-top: 20px;
    padding-bottom: 20px;
}

#mantenimientoBotonesInterno a,
#mantenimientoBotones a {
    border-radius: 20px;
    box-shadow: 0 4px 0;
    display: block;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
    padding: 10px 0 15px;
    text-align: center;
    width: 100%;
}

#mantenimientoBotones #mantenimientoBotonWeb{display:none}
#mantenimientoBotonesInterno #mantenimientoBotonWebInterno{display:none}

body.questiumIframe #mantenimientoBotones a#mantenimientoBotonSalir,
body.questiumIframe #mantenimientoBotonesInterno a#mantenimientoBotonSalir{
    display: none;
}

body:not(.usuarioLearnity) .caracteristicaUsuarioLearnnity{
	/*display:none*/
}



#contenedor {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}


#contenedor::after {
    background: rgba(10, 10, 10, 0.8) none repeat scroll 0 0;
    bottom: -40px;
    box-sizing: border-box;
    color: #ffffff;
    content: attr(data-textofeedback);
	cursor: default;
    font-family: "RobotoC","roboto",sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 2px 5px;
    position: fixed;
    right: 20px;
	transition: bottom 0.25s ease-out;
}

#contenedor.mostrarFeedback::after {
	bottom: 20px;
}



#contenedor.scrollBloqueado{
	overflow:hidden !important
}
/*
body.questiumIframe #contenedor {
    overflow-y: hidden !important;
}
*/

body.navegadorSinSoporte #contenedor {
    overflow-y: scroll !important;	
	overflow-scrolling: auto !important;
	-webkit-overflow-scrolling: touch !important;
}


body.iPhone.navegadorSinSoporte #contenedor {
	overflow-y: scroll !important;	
}





#infoDevice {
    background: #f56600 none repeat scroll 0 0;
    color: #ffffff;
    font-family: "roboto",sans-serif;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 5px;
    position: fixed;
    right: 10px;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    top: 50px;
	cursor:default;
}

#userOptionsBar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 5px;
	z-index: 1147483647;
}
	/*
	#contenedor #saludoUsuario {
		color: #ffffff;
		font-family: "roboto",sans-serif;
		font-size: 12px;
		font-weight: 700;
		left: 7px;
		margin: 0 auto;
		max-width: 200px;
		padding: 0 15px;
		position: relative;
		text-align: left;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
		top: -55px;
	}*/
#contenedor #saludoUsuario {
	color: #ffffff;
	font-family: "roboto",sans-serif;
	font-size: 12px;
	font-weight: 700;
	position: relative;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	margin-right: 10px;
	top:8px;
	/*display:none;*/
}
	

#contenedor:not(.internet) span.ion-wifi{
	display:none
}

#contenedor.internet span.ion-wifi {
    cursor: pointer;
    /*display: block;*/
   /* position: absolute;
    right: 5px;
    top: 5px;*/
    
}
#contenedor.barraOptionsDisabled span.ion-wifi{
	display:none !important;
}

/*
#contenedor.internet span.ion-wifi::before,
#contenedor span.ion-volume-medium::before,
#contenedor span.ion-volume-mute::before,
#contenedor span.ion-help-circled::before{
    color: #ffffff;
    font-size: 30px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.25s ease-out 0s;
}*/


#contenedor.internet #userOptionsBar span.indicadorOptionBar::before,
#contenedor.internet span.ion-wifi::before
/*#contenedor span.ion-volume-medium::before,
#contenedor span.ion-volume-mute::before,
#contenedor span.ion-help-circled::before*/{
    color: #ffffff;
    font-size: 30px;
    /*margin-left: 10px;*/
    /*text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);*/
    transition: all 0.25s ease-out 0s;
}
body.splash #contenedor.internet #userOptionsBar span.indicadorOptionBar::before{
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}


#indicadorSonido {
    cursor: pointer;
    display: block;
    float: right;
	/*transition: all 0.25s ease-out 2s;*/
	transform: scale(0) !important
}
#indicadorSonido.ion-volume-medium,
#indicadorSonido.ion-volume-mute {
	transform:scale(1) !important
}


#indicadorIdioma {
    /*display: inline-block;*/
    float: right;
    margin-left: 12px;
    margin-top: 0px;
	display:none;
}

#indicadorTip{
	display: inline-block;
    float: right;
    margin-left: 0px;
    margin-top: 0px;
	cursor: pointer;
}

body.mobile #indicadorInternet,
body:not(.mobile) #indicadorInternet{
	display: none;
}


#contenedor span#indicadorIdioma img {
    width: 20px;
}


/*
#contenedor.internet.headerPPal #userOptionsBar{
	right: 3px;
    top: 63px;
}
*/


#contenedor.internet.headerPPal #userOptionsBar {
    bottom: 10px;
    left: 3px !important;
    position: fixed;
    right: auto;
    top: auto;
}

#contenedor.internet.headerPPal span.ion-wifi::before,
#contenedor.headerPPal span.ion-volume-medium::before,
#contenedor.headerPPal span.ion-volume-mute::before,
#contenedor.headerPPal span.ion-help-circled::before{
    font-size: 25px;
}


#contenedor.internet.internetCaido span.ion-wifi::before {
    color: #ff6760;
    text-shadow: 0 2px 2px #000000;
}


#contenedor > #indicadorVersion {
    bottom: 10px;
    color: #ffffff;
    font-weight: 700;
    position: fixed;
    right: 12px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	cursor: default;
	font-family: 'roboto';
	font-size: 12px;
}

/*SCROLL*/



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

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

::-webkit-scrollbar-thumb {
  border-radius: 0px;
  /*background-color: rgba(0,0,0,0.5);*/
  background-color: rgba(0,0,0,0);
} 


.nicescroll-rails {
    box-sizing: border-box !important;
	z-index: 2147483647 !important;
}

.nicescroll-cursors,
.nicescroll-rails > div {
    background-color: rgba(33,33,33,0.5) !important;
    border: medium none !important;
    right: 2px !important;
	/*right:5px!important;*/
    z-index: 2147483620 !important;
}

/*FIN DE SCROLL*/


.animacionBoton{
	-webkit-animation: animacionBotonScale 0.8s ease;
	-webkit-animation-fill-mode: forwards;
	animation: 0.8s ease 0s normal forwards 1 running animacionBotonScale;
}

@-webkit-keyframes animacionBotonScale {
  0%   { -webkit-transform: scale(1.01);}
  50%  { -webkit-transform: scale(1.15);}
  100% { -webkit-transform: scale(1);}
}

@keyframes animacionBotonScale {
  0%   { transform: scale(1.01); }
  50%  { transform: scale(1.15); }
  100% { transform: scale(1); }
}



/*EVITAR SUBRAYADO EN SELECCION*/
	
	::-moz-selection { color: inherit; background: inherit;}
	::selection {color: inherit; background: inherit;}

/*FIN DE EVITAR SUBRAYADO EN SELECCION*/



/*LOADER*//*http://tobiasahlin.com/spinkit/ *//*Example 11*/

	#cargadorContainer{
		position:fixed;
		background:rgba(0,0,0,0);
		width:100%;
		height:100%;
		top:0;
		left:0;
		right: 0;
		bottom: 0;
		/*z-index: 18;*/
	}
	
	.sk-folding-cube {
		height: 40px;
		width: 40px;
		
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		
		margin: auto;
		position: absolute;
		
		-webkit-transform: rotateZ(45deg);
          		transform: rotateZ(45deg);
		
	}
	
	.sk-folding-cube .sk-cube {
	  float: left;
	  width: 50%;
	  height: 50%;
	  position: relative;
	  -webkit-transform: scale(1.1);
			  transform: scale(1.1); 
	}
	
	.sk-folding-cube .sk-cube::before {
		
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;

		
		-webkit-animation: sk-foldCubeAngle 2.7s infinite linear both;
				animation: sk-foldCubeAngle 2.7s infinite linear both;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
			  
	}
	
	.sk-folding-cube .sk-cube2 {
	  -webkit-transform: scale(1.1) rotateZ(90deg);
			  transform: scale(1.1) rotateZ(90deg);
	}
	
	.sk-folding-cube .sk-cube3 {
	  -webkit-transform: scale(1.1) rotateZ(180deg);
			  transform: scale(1.1) rotateZ(180deg);
	}
	
	.sk-folding-cube .sk-cube4 {
	  -webkit-transform: scale(1.1) rotateZ(270deg);
			  transform: scale(1.1) rotateZ(270deg);
	}
	
	.sk-folding-cube .sk-cube2:before {
	  -webkit-animation-delay: 0.3s;
			  animation-delay: 0.3s;
	}
	
	.sk-folding-cube .sk-cube3:before {
	  -webkit-animation-delay: 0.7s;
			  animation-delay: 0.7s;
	}
	
	.sk-folding-cube .sk-cube4:before {
	  -webkit-animation-delay: 1.1s;
			  animation-delay: 1.1s;
	}
	
	@-webkit-keyframes sk-foldCubeAngle {
	  0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
				transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	  } 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
				transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	  } 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
				transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	  } 
	}
	
	@keyframes sk-foldCubeAngle {
	  0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
				transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	  } 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
				transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	  } 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
				transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	  }
	}
	
/*FIN DE LOADER*/



/*LOADER OBSOLETO*/

	#cargadorContainerSoObsoleto{
		position:fixed;
		background-color:rgba(255, 255, 255, 0);
		width:0%;
		height:0%;
		top:0;
		left:0;
		right: 0;
		bottom: 0;
		z-index: 2147483646;
		
		-webkit-transition:  background-color 0.25s ease-out 0s;
		transition: background-color 0.25s ease-out 0s;
	}
	#cargadorContainerSoObsoleto.fixed{
		background-color:rgba(0, 0, 0, 0.6);
		width:100%;
		height:100%;
	}
	
	#cargadorContainerSoObsoleto #cargadorSoObsoleto{
		background:rgba(255,255,255,0.5);
		border-radius:50%;
		bottom: 0;
		box-sizing:border-box;
		/*box-shadow: 0 2px 62px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.2), 0 2px 9px rgba(255, 255, 255, 0.5) inset;*/
		height: 0px;
		left: 0;
		margin: auto;
		padding:0px;
		position: absolute;
		right: 0;
		top: -40px;
		/*-webkit-transform: rotateZ(45deg);
				transform: rotateZ(45deg);
		*/
		width: 120px;
		opacity:0;
		/*box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.35);*/
		box-shadow:none;
		
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
		
	}
	#cargadorContainerSoObsoleto.fixed #cargadorSoObsoleto.animado{
		z-index: 2147483647;
		opacity:1;
		height: 120px;
		padding:15px;
		top: 0px;
	}
	
	
	
	
	#cargadorContainerSoObsoleto #cargadorSoObsoleto.animado::after {
		bottom: -40px;
		color: #ffffff;
		content: attr(data-textoCargando);
		display: block;
		font-family: "Yanone Kaffeesatz",sans-serif !important;
		font-size: 30px;
		font-weight: 800;
		left: 0;
		letter-spacing: 2px;
		margin: 0;
		position: absolute;
		right: 0;
		text-align: center;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
		width: 100%;
	}
	
	#cargadorContainerSoObsoleto #cargadorSoObsoleto img{
		width:100%;
		height:100%;
	}
	#cargadorContainerSoObsoleto #cargadorSoObsoleto.animado img{
		-webkit-animation: cargadorObsoletoEffect 1.8s infinite ease-out;		
		animation: 1.8s ease-out 0s normal forwards infinite running cargadorObsoletoEffect;
	}
	
	@-webkit-keyframes cargadorObsoletoEffect{
		0% {-webkit-transform: rotateZ(0deg);}
		10% {-webkit-transform: rotateZ(0deg);}
		40% {-webkit-transform: rotateZ(180deg);}
		60% {-webkit-transform: rotateZ(180deg);}
		90% {-webkit-transform: rotateZ(360deg);}
		100% {-webkit-transform: rotateZ(360deg);}
	}
	
	@keyframes cargadorObsoletoEffect{
		0% {transform: rotateZ(0deg);}
		10% {transform: rotateZ(0deg);}
		40% {transform: rotateZ(180deg);}
		56% {transform: rotateZ(180deg);}
		90% {transform: rotateZ(360deg);}
		100% {transform: rotateZ(360deg);}
	}
	
	

/*FIN DE LOADER OBSOLETO*/


/*NOTY*/
#noty_top_layout_container {
    z-index: 2147483645 !important;
}
#noty_center_layout_container > li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    text-shadow: none !important;
	padding: 3px 1px;
}

#noty_center_layout_container > li > div {
    
    border: medium none !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
    color: #333333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}
#noty_center_layout_container > li > div > div.noty_message {
	padding: 20px 10px;
}
#noty_center_layout_container > li > div > div.noty_progress_bar {

	background: rgba(0,0,0,0.4) none repeat scroll 0% 0%;
	z-index: 2147483647;
	opacity: 1;
	height: 10px;
	width: 100%;
}

#noty_center_layout_container > li > div.noty_type_success{
	background: #5ce6c9 none repeat scroll 0 0 !important;
	
	background-image: url(../img/modalFeedbackEfecto.png) !important;
	background-position: 0px -170px !important;
	background-repeat: no-repeat !important;
	
	
}
#noty_center_layout_container > li > div.noty_type_error{
	background: #ff8181 none repeat scroll 0 0 !important;
	/*
	#ff8181 #e25353
	*/
}

#noty_center_layout_container > li > div span {
    font-family: 'robotoc';
	font-size: 18px;
	width: 100%;
	text-align: center;
	text-shadow: none !important;
}

.noty_message.amigoAceptado > img,
.noty_message.amigorRechazado > img {
    display: block;
    margin: 10px auto 15px;
    position: relative;
}

.noty_message.amigorRechazado span,
.noty_message.amigoAceptado span {
    display: inline-block;
    font-family: "roboto",sans-serif;
    font-size: 15px;
    padding-bottom: 5px;
}


.noty_message.amigorRechazado span {
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.noty_message.amigorRechazado span b {
    color: #434343;
    display: inline-block;
    font-size: 30px;
    margin-bottom: 5px;
    margin-top: 7px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}

.noty_modal {
    z-index: 2147483646 !important;
	position: fixed; 
	width: 100%; 
	height: 100%; 
	background-color: rgb(0, 0, 0); 
	opacity: 0.6; 
	left: 0px; 
	top: 0px;
}
#noty_center_layout_container {
    z-index: 2147483647 !important;
}

/*FIN DE NOTY*/


/*ANIMACION INICIO BATALLA */
	body:not(.navegadorObsoleto) #circuloAnimacion {
		background: #000000 none repeat scroll 0 0;
		border-radius: 50%;
		bottom: 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		height: 0px;
		left: 0;
		margin: auto;
		opacity:0.3;
		position: fixed;
		right: 0;
		top: 0;
		
		/*
		-webkit-transform: scale(0);
		transform: scale(0);
		*/
		-webkit-transition:  all 1.6s ease-in 0s;
		transition: all 1.6s ease-in 0s;
		width: 0px;
		z-index: 2147483647 !important;
	}
	
	body:not(.navegadorObsoleto) #circuloAnimacion.animado {
		height: 2000px;
		left: -1000px;
		opacity: 1;
		top: -1000px;
		width: 2000px;
		
		/*
		-webkit-transform: scale(1);
		transform: scale(1);
		*/
	}
	body:not(.navegadorObsoleto) #circuloAnimacion.animado.sinTransicion{
		-webkit-transition:  all 0s linear 0s;
		transition: all 0s linear 0s;
	}
	
	
	
	
	body:not(.navegadorObsoleto) #circuloAnimacion.animado.eliminar {
		border-radius: 0;
		height: 100%;
		left: auto;
		right: 0;
		top: 0;
		-webkit-transition: right 1.2s ease-in-out 0s;
		transition: right 1.2s ease-in-out 0s;
		width: 100%;
	}
	
	body:not(.navegadorObsoleto) #circuloAnimacion.animado.eliminar.transicion{
		 right: 120%;
	}
	
	
	body.navegadorObsoleto #circuloAnimacion {
		background: #000000 none repeat scroll 0 0;
		
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		
		width: 100%;
		height: 0%;

		margin: 0;
		opacity:1;
		
		position: fixed;

		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
		
		z-index: 2147483647;
	}
	body.navegadorObsoleto #circuloAnimacion.animado {
		
		bottom: auto;
		
		/*-webkit-animation: circuloAnimacionObsoletoAnimado 1.6s infinite; 
		animation: circuloAnimacionObsoletoAnimado 1.6s infinite;*/

		-webkit-animation: circuloAnimacionObsoletoAnimado 0.9s ease-out;
		-webkit-animation-fill-mode: forwards;
		
		animation: 0.9s ease-out normal 0s 1 forwards running circuloAnimacionObsoletoAnimado;
	}
	
	@-webkit-keyframes circuloAnimacionObsoletoAnimado {
	  0%   { height: 0%; }
	  100% { height: 110%;}
	}
	
	@keyframes circuloAnimacionObsoletoAnimado {
	  0%   { height: 0%; }
	  100% { height: 110%;}
	}
	
	
/*FIN ANIMACION INICIO BATALLA*/



/*ANIMACION INCIO BATALLA FADE*/
body #fadeBatalla {
    background: #484848 none repeat scroll 0 0;
	background-image:  url("../img/fondoFinBatalla.jpg");
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 2147483645;
}

body #fadeBatalla.inicioBatalla {
    background: #484848 none repeat scroll 0 0;
}

/*FIN DE ANIMACION INCIO BATALLA FADE*/

/*MODALES*/

	#modalcontainer{
		background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: 2147483647;
		top:0%;
		left:0%;
	}
	#modalcontainer #modalContainerTestigoCierre {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
	}
	
	#modalMasterd{
		background: #fff;
		bottom:0px;
		top: 0px;
		box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6);
		color: #ffffff;
		/*max-height: 360px;*/
		left: 0;
		margin: auto;
		/*position: absolute;*/
		right: 0;
		-webkit-transition: top 0.25s ease-out;
		transition: top 0.25s ease-out 0s;
		max-width: 600px;
		width:90%;
		z-index: 9999999;
		max-height: 90%;
		overflow-y: auto !important;
		overflow-x: hidden;
	}

	body.iPhone.navegadorSinSoporte #modalMasterd{
		overflow-y: scroll !important;
	}
	
	
	#modalMasterd .modalHeader {
		background: #f56600 none repeat scroll 0 0;
		font-family: "Yanone Kaffeesatz",sans-serif !important;
		font-size: 30px;
		text-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
	}
	
	#modalMasterd .modalbody{
		box-sizing:border-box;
		padding:30px 35px 10px;
		text-align:left
	}

	
	#modalMasterd .modalbody .contenido {
		box-sizing: border-box;
		margin: 0 auto;
		max-height: 390px;
		max-width: 310px;
		overflow: scroll;
	}
	

	#modalMasterd .modalbody span {
		color: #f56600;
		display: block;
		font-family: "yanone kaffeesatz",sans-serif;
		font-size: 28px;
		font-weight: 400;
		margin-top: 10px;
		text-align: left;
		cursor: default;
	}	
	#modalMasterd #enlaceWebMd{
		width:100%; 
		display:block;
		margin:5px auto;
		background: none;
		box-sizing:border-box;
		padding:0;
	}
	
	
	#modalMasterd #enlaceWebMd #logoMasterd {
		box-sizing: border-box;
		display: block;
		margin: 0 auto 0px;
		max-width: 180px;
		padding: 0;
		width: 100%;
	}
	

	#modalMasterd .modalbody .contenido img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	
	#modalMasterd .modalbody .contenido > p {
		color: #222222;
		cursor: default;
		font-family: "roboto",sans-serif;
		font-size: 14px;
		font-weight: 100;
		line-height: 20px;
		text-transform: none;
		margin-bottom: 30px;
	}

	#modalMasterd .modalbody #textoDescripcionMD {
		font-size: 105%;
		font-family: 'RobotoC', 'roboto';
		font-weight: 100;
		line-height: 1.19;
	}
/*
	body.mobile #modalMasterd .modalbody #textoDescripcionMD{
		font-size: 190%;
		line-height: 1.24;
	}
*/		
		
	#modalMasterd .modalbody #aceptModalMasterd {
		display: block;
		font-family: "roboto",sans-serif;
		font-size: 21px;
		font-weight: 100;
		margin: 30px auto 20px;
		text-align: center;
		width: 120px;
	}
		
	#modalMasterd .content img {
		max-width: 100%;
	}
	
	.modalQt{
		bottom: 0;
		box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6), 0 0 35px #000000;
		color: #ffffff;
		/*height: 221px;*/
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		
		-webkit-transform: scale(0); 
		transform: scale(0);
		
		-webkit-transition: all 0.25s ease-out 0s;
		transition: all 0.25s ease-out 0s;
		
		width:90%;
		max-width: 300px;
		max-height: 90%;
		z-index: 99999999;
	}
	
	.modalQt.mostrada{
		-webkit-animation: mostrarEffect 0.30s ease;
		-webkit-animation-fill-mode: forwards;
		
		animation: 0.3s ease 0s normal forwards 1 running mostrarEffect;
		
	}
	
	@-webkit-keyframes mostrarEffect{
		from {-webkit-transform: scale(0);}
		to {-webkit-transform: scale(1);}
	}
	
	@keyframes mostrarEffect{
		from {transform: scale(0);}
		to {transform: scale(1);}
	}

	

	.modalQt.mostrada.cerrando{
		
		-webkit-animation: salirEffect 0.30s ease;
		-webkit-animation-fill-mode: forwards;
		
		animation: 0.3s ease 0s normal forwards 1 running salirEffect;
		
	}
	
	@-webkit-keyframes salirEffect{
		from {-webkit-transform: scale(1);}
		to {-webkit-transform: scale(0);}
	}
	
	@keyframes salirEffect{
		from {transform: scale(1);}
		to {transform: scale(0);}
	}
	
	
	
	
	.modalHeader {
		background: #434343 none repeat scroll 0 0;
		font-size: 15px;
		padding: 12px;
		text-align: center;
		font-family: "roboto",sans-serif;
	}
	
	.modalbody {
		background: #ffffff none repeat scroll 0 0;
		color: #434343;
		padding: 10px 20px;
		text-align: center;
	}
	
	.modalbody > p {
		color: #222222;
		font-family: "roboto",sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 22px;
		text-transform: none;
	}
	
	.modalbody > a {
		background: #3875d7 none repeat scroll 0 0;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		margin-bottom: 20px;
		margin-top: 10px;
		padding: 10px;
		font-family: "roboto",sans-serif;
		font-size: 18px;
		border-radius: 5px;
	}
	
	#backDrop{
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		height: 0px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2147483644 !important;
	}
	#backDrop.activo{
		height: 100%;
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
		z-index: 150 !important;
	}

	#modalSalir .modalHeader {
		display: none;
	}
	#cancelModal + #aceptModal {
		margin-left: 15px;
	}

/*FIN DE MODALES*/




/*MENU CONTEXTUAL*/


	#contenedorMenuContextual {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		height: 0px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2147483645 !important;
	}
	
	#contenedorMenuContextual.activo{
		height: 100%;
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	}
	
	#menuContextual {
		background: #ffffff none repeat scroll 0 0;
		bottom: -400px;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
		box-sizing:border-box;
		color: #ffffff;
		left: 5%;
		margin: 0;
		/*max-width: 300px;*/
		position: fixed;
		right: 0;
		top: auto;
		
		width: 90%;
		z-index: 2147483646 !important;
		
		-webkit-transform: translate3d(0,0,0);
				
		/*-webkit-transition: transform 0.25s ease-out 0s;
		transition: transform 0.25s ease-out 0s;*/
	}

	
	#menuContextual.activo {
		display: block;
	
		
		-webkit-animation: animacionMenuContexual 0.30s ease;
		-webkit-animation-fill-mode: forwards;
		
		animation: 0.3s ease 0s normal forwards 1 running animacionMenuContexual;
		
	}
	
	@-webkit-keyframes animacionMenuContexual{
		from {bottom: -400px}
		to {bottom: 0px}
	}
	
	@keyframes animacionMenuContexual{
		from {bottom: -400px}
		to {bottom: 0px}
	}
	
		
		
	#menuContextual > ul {
		box-sizing: border-box;
		color: #000000;
		display: block;
		list-style: outside none none;
		margin: 0;
		padding: 0 15px;
		width: 100%;
	}
	
	#menuContextual > ul > li {
		border-bottom: 1px solid #cccccc;
		box-sizing: border-box;
		cursor: pointer;
		font-family: "roboto",sans-serif;
		font-size: 15px;
		font-weight: 700;
		padding: 20px 10px 18px;
		text-transform: uppercase;
		width: 100%;
	}
	
	#menuContextual > ul > li:last-child {
		border-bottom: medium none;
	}
	
	
	#menuContextual > ul > li > a.caracteristicaUsuarioLearnnity > img {
		background: #3875d7 none repeat scroll 0 0;
		border-radius: 50%;
		float: right;
		margin-right: 5px;
		margin-top: 0;
		position: relative;
		top: 2px;
	}
	

/*FIN DE MENU CONTEXTUAL*/


/*SPLASH*/
	
	div[data-id="footerCampanas"] {
		
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2);
		
		box-sizing: border-box;
		display:none;
		height: auto;
		/*max-height: 25%;*/
		
		position: fixed !important;
		top: auto;
		left: 0 !important;
		right: 0!important;
		bottom: -1px !important;
		
		margin: 0px auto 0px !important;
		/*max-width: 640px !important;*/
		min-height: 0 !important;
		max-height: 27%;
		padding: 0 !important;
		
		
		width: 100% !important;
		background:#434343;
		cursor:pointer;
	}
	
	div[data-id="footerCampanas"] > div{
		box-sizing: border-box;
		line-height: 0;
		min-height: 0;
		padding: 0;
		position: relative;
		width: 100%;
		/*max-width: 640px;*/
		margin:0 auto;
	}
	
	div[data-id="footerCampanas"] > div >img.bannerJpg{
		position:relative;
		top:0px;
		width:100%;
		height:auto !important;
		margin:0px !important;
		min-height:0px !important;
		box-sizing:border-box;
		z-index:23;
	}
	
	div[data-id="footerCampanas"] > div > img.bannerSvg{
		position:absolute;
		bottom:0px;
		left:0;
		width:100%;
		z-index:24;
	}
	
	#splash{
		/*display:none;*/
		overflow: hidden;
		height: 100% !important;
	}

	#splash div:not(#footerCamapanas):not(#linkMD) {
		/*overflow: hidden !important;*/
		height: 100%;

	}
	
	div[data-id="splash"] #logo{
		width: 90%;
		display:block;
		margin:0 auto;
	}
	
	div[data-id="splash"] #isotipo {
		display: block;
		margin: 0 6.1% 0 auto;
		position: relative;
		width: 27.23%;
	}
	
	div[data-id="splash"] #isotipo.animado{
		-webkit-animation: animacionIsotipo 1.5s infinite; 
		animation: animacionIsotipo 1.5s infinite;
	
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	
	}
	
	@-webkit-keyframes animacionIsotipo {
	  0%   { top: 0px; }
	  50%  { top: 15px; }
	  100% { top: 0px; }
	}
	
	@keyframes animacionIsotipo {
	  0%   { top: 0px; }
	  50%  { top: 10px; }
	  100% { top: 0px; }
	}
	
	#isotipo.jelly{
		 -webkit-animation:0.5s jelly !important;
		animation: 0.5s ease 0s normal none 1 running jelly !important;
	}
			
	#isotipo.jellyScale{
	  -webkit-animation: jellyScale 2000ms linear both;
	  animation: jellyScale 2000ms linear both;
	}
	
	#isotipo.swoosh{
	  -webkit-animation: swoosh 1000ms linear both;
	  animation: swoosh 1000ms linear both;
	}



	div[data-id="splash"] div[data-id="linkMD"]{
		cursor: pointer;
		position: absolute;
		top: -70px;
		left: 10px;
		background: #f56600 !important;
		box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
		max-width: 100px;
		height: auto;
		border-radius: 0%;
		padding: 25px 10px 10px;
		box-sizing: border-box;
		text-align: center;
		z-index: 3000000;
		transition: top 0.40s ease-out 0.5s;
		width: 28%;
	}
	
	div[data-id="splash"] div[data-id="linkMD"] img{
		position: relative;
		margin-top: 0;
		width: 100%;
	}
	
	div[data-id="splash"] > div[data-role="content"] {
		/*bottom: 0;*/
		/*height: 282px;*/
		/*margin: auto;*/
		position: relative;
		top: 0;
		z-index: 21;
		opacity:0;
		max-width: 550px !important;
		-webkit-transition: opacity 0.25s ease-out;
		transition: opacity 0.25s ease-out;
		
		left: 0;
		right: 0;
	}
	
	div[data-id="splash"] #botonComenzar.botonSpalsh{
		background: #f5ce16;
		text-decoration: none;
		color: #434343;
		font-weight: 500;
		display: block;
		padding: 20px 10px;
		border-radius: 5px;
		margin: 15px auto 0px;
		box-shadow: 0px 4px 0px 2px rgba(68,68,68,1) !important;
		font-size: 30px;
		max-width: 200px;
		border: none;
		text-shadow: 0px 1px 1px rgba(252,240,111,0.8);
		width: 69%;
		
	}
	
	div[data-id="splash"] #botonComenzar.botonSpalsh.jelly{
		 -webkit-animation:0.5s jelly !important;
		animation: 0.5s ease 0s normal none 1 running jelly !important;
	}
	
	
	div[data-id="splash"] #botonComenzar.botonSpalsh.blinkear{
		animation: blinkear 1s steps(5, start) infinite;
		-webkit-animation: blinkear 1s steps(5, start) infinite;
	}
	div[data-id="splash"] #botonComenzar.botonSpalsh.blinkearColor{
		animation: blinkearColor 1s steps(5, start) infinite;
		-webkit-animation: blinkearColor 1s steps(5, start) infinite;
	}
	
	.blinkeado{
		animation: blinkear 1s steps(5, start) infinite;
		-webkit-animation: blinkear 1s steps(5, start) infinite;
	}

/*FIN DE SPLASH*/



/*LOGIN*/
#login {
    background: none !important;
    color: #ffffff;
	/*min-height: 100% !important;*/
}

#contenedorLogin {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
}


#contenedorLogin > img {
    display: block;
    margin: 80px auto 20px;
    max-width: 40%;
}

#contenedorLogin form p {
    font-family: "roboto",sans-serif;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 25px;
    text-align: center;
}

/*
#botonEnviarLogin {
    background: var(--colorPrincipalFondo) none repeat scroll 0 0;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
	cursor: pointer;
    display: block;
    font-family: "roboto";
    font-size: 20px;
    font-weight: 100;
    margin: 30px 0 0 auto;
    padding: 20px 25px;
    text-align: center;
    text-transform: uppercase;
}
*/
#contenedorLogin form  div.ui-input-text {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    border: medium none !important;
    border-radius: 0;
    box-shadow: none !important;
    color: #ffffff;
}
#contenedorLogin form  div.ui-input-text > input {
    font-family: "roboto";
    font-size: 18px;
    font-weight: 100;
    padding: 0;
    text-align: center;
	margin-bottom: 10px;
}
#contenedorLogin > div > .inputQt {
    border: medium none !important;
    box-shadow: none !important;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}

#contenedorLogin form > div.ui-input-text > input::-webkit-input-placeholder {
   text-align:center;
}

#contenedorLogin form > div.ui-input-text > input:-moz-placeholder { /* Firefox 18- */
   text-align:center;  
}

#contenedorLogin form > div.ui-input-text > input::-moz-placeholder {  /* Firefox 19+ */
   text-align:center;  
}

#contenedorLogin form > div.ui-input-text > input:-ms-input-placeholder {  
   text-align:center; 
}

#login #contenedorLogin > p {
    background: #434343 none repeat scroll 0 0;
    font-family: "roboto",sans-serif;
    font-size: 15px;
    margin-top: 0;
	margin-bottom: 0;
    padding: 20px 70px;
    text-align: center;
}



#login #contenedorLogin > #formRegistro {
    background: none;
    margin-top: 0;
    padding: 0px;
    position: relative;
	text-align:center;
	min-height: 200px;
}
#login #contenedorLogin > #formRegistro img#logoCompletoLogin{
	opacity: 0;
	transition: all 0.25s ease-in;
}


#login #contenedorLogin > #formRegistro > h3 {
    color: #3875d7;
    font-family: "Yanone Kaffeesatz",sans-serif !important;
    font-size: 30px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}


#login #contenedorLogin > #formRegistro > a#botonRegistrar {
    box-shadow: 0 3px 0 1px #434343;
    cursor: pointer;
    display: inline-block;
    font-family: "roboto",sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.4px;
    margin-top: 0;
}
#login #contenedorLogin > #formLogin {
	background: #fff;
    padding: 0px;
    position: absolute;
    text-align: center;
    bottom: 0;
	width: 100%;
}

#login #contenedorLogin > #formLogin .enlacesRegistro {
    background: #f0f0fa;
	position: relative;
	padding: 18px 0;
}

#login #contenedorLogin > #formLogin .enlacesRegistro::before {
    /*border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 0, 0, 0.1);
    border-style: solid;
    border-width: 0 0 200px 200px;*/
    content: "";
    
    position: absolute;
    left: 85px;
    bottom: 0;
    
    z-index: 0 !important;
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #ffffff transparent;
}

#login #contenedorLogin > #formLogin .enlacesRegistro a {
    background: none;
	padding: 0;
	display: inline-block;
	font-family: 'RobotoC', 'roboto';
	font-size: 20px;
	text-decoration: none;
	color: var(--colorPrincipalFondo);
	box-shadow: none !important;
	margin-top: 0px;
	margin-bottom: 0px;
}
#login #contenedorLogin > #formLogin .enlacesRegistro a#botonEntrar {
    float: left;
    margin-left: 60px;
	cursor: default;
}
#login #contenedorLogin > #formLogin .enlacesRegistro a#botonRegistrar {
    float: right;
    margin-right: 60px;
	color: #cdcdd6;
}


#login #contenedorLogin > #formLogin > h3 {
    color: #ffffff;
    font-family: "Yanone Kaffeesatz",sans-serif !important;
    font-size: 35px;
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}


#login #contenedorLogin > #formLogin .contenedorForLoginContenido {
    width: 100%;
    padding: 25px 60px 0;
    box-sizing: border-box;
}


#contenedorLogin #formLogin  div.ui-input-text {
    margin: 0;
    background: none !important;
	position: relative;
}
#contenedorLogin #formLogin div.ui-input-text::before {
    position: absolute;
    color: #cdcdd6;
    font-size: 15px;
    left: 0;
    width: 15px;
    height: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#login #contenedorLogin > #formLogin a#botonEnviarLogin {
    box-shadow: none !important;
    cursor: pointer;
    display: inline-block;
    font-family: "roboto",sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    /*margin: 0px 0 130px;*/
	margin: 0px 0 0px;
    padding: 20px 0px;
    text-decoration: none;
    width: 100%;
    color: #fff;
    background: var(--colorPrincipalFondo);
    border-radius: 45px;
    border: none;
    outline: none !important;
	text-transform: uppercase;
}

#login #contenedorLogin > #formLogin input {
    margin-bottom: 0px;
    margin-top: 0;
    padding: 0px 0 0px 20px;
    text-align: left;
    color: var(--colorPrincipalFondo);
    font-size: 20px;
}
#login #contenedorLogin > #formLogin input#userLogin {
    margin-bottom: 4px;
}
#login #contenedorLogin > #formLogin input#passLogin {
    margin-top: 4px;
	margin-bottom: 50px;
}
#login #contenedorLogin > #formLogin .contenedorForLoginContenido .separadorLogin {
    margin: 0;
    height: 1px;
    background: #cdcdd6;
}

#login #contenedorLogin > #formLogin input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cdcdd6;
font-size: 15px;
font-family: 'open sans', 'roboto';
font-weight: 600;
}
#login #contenedorLogin > #formLogin input::-moz-placeholder { /* Firefox 19+ */
  color: #cdcdd6;
font-size: 15px;
font-family: 'open sans', 'roboto';
font-weight: 600;
}

#login #contenedorLogin > #formLogin input:-moz-placeholder { /* Firefox 18- */
  color: #cdcdd6;
font-size: 15px;
font-family: 'open sans', 'roboto';
font-weight: 600;
}


#login #contenedorLogin #contrasenaOlvidada {
    color: #000000;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-family: 'RobotoC', 'roboto';
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    right: 0;
    border: none;
    font-size: 15px;
}
/*FIN DE LOGIN*/





/*REGISTRO*/
#registro {
    background: var(--colorPrincipalFondo) none repeat scroll 0 0 !important;
    height: 100% !important;
    position: absolute;
}

#registro > #contenedorRegistro {
    padding:50px 20px 0;
    position: relative;
}
#registro > #contenedorRegistro #formRegistroUsuario #formRegistroUsuarioPaso1{display:none; padding-bottom: 100px;}
#registro > #contenedorRegistro #formRegistroUsuario #formRegistroUsuarioPaso2{display:none}
#registro > #contenedorRegistro #formRegistroUsuario #formRegistroRecordarContrasena{display:none}
#registro > #contenedorRegistro #formRegistroUsuario #formRegistroCompletado{display:none}

#registro > #contenedorRegistro > #contenedorRegistroTitulo {
    color: #ffffff;
    text-align: left;
	margin-bottom: 40px;
	display:none;
}
#registro > #contenedorRegistro > #contenedorRegistroRecordarDatos {
    color: #ffffff;
    display: none;
    font-family: "roboto",sans-serif !important;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
}

#registro #contenedorRegistro #formRegistroUsuario div.ui-checkbox {
    display: inline;
    margin-right: 15px;
    width: auto;
}


#registro #contenedorRegistro #formRegistroUsuario span#textoLeidoTerminos {
    display: inline-block;
    font-family: "roboto";
    font-size: 15px;
    font-weight: 100;
    margin-left: 15px;
    position: relative;
    top: 10px;
    width: calc(100% - 52px);
}

#registro #contenedorRegistro #formRegistroUsuario span#textoLeidoTerminos a {
    font-weight: 100;
	text-decoration: underline;
	cursor: pointer;
	color: #333;
	font-weight: 600;
}
#registro #contenedorRegistro #formRegistroUsuario div.ui-input-text {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none !important;
    color: #ffffff;
	border-bottom:solid 1px #fff;
	margin-bottom: 40px;
}

#registro #contenedorRegistro #formRegistroUsuario div.ui-input-text input {
    font-family: "roboto",sans-serif !important;
    font-size: 18px;
    font-weight: 100;
}


#registro #contenedorRegistro #formRegistroUsuario div.ui-input-text input::-webkit-input-placeholder {
   color: #000;
}

#registro #contenedorRegistro #formRegistroUsuario div.ui-input-text input:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

#registro #contenedorRegistro #formRegistroUsuario div.ui-input-text input::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

#registro #contenedorRegistro #formRegistroUsuario div.ui-input-text input:-ms-input-placeholder {  
   color: #000;  
}




#registro #contenedorRegistro #formRegistroUsuario #formRegistroUsuarioPaso1 #formRegistroUsuarioPaso1Campana {
    color: #ffffff;
    font-family: "roboto",sans-serif;
    font-size: 16px;
    text-align: center;
	display: none;
}


#registro #contenedorRegistro #formRegistroUsuario .ui-select {
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
}

#registro #contenedorRegistro #formRegistroUsuario .ui-select #campanaUserRegistro-button {
    border: 1px solid #ffffff;
    border-radius: 0;
    box-shadow: none !important;
    padding: 20px 0;
}

#registro #contenedorRegistro #formRegistroUsuario .ui-select #campanaUserRegistro-button::after {
    display: none;
}

#registro #contenedorRegistro #formRegistroUsuario .ui-select #campanaUserRegistro-button span {
    color: #ffffff;
    font-family: "roboto",sans-serif !important;
    font-size: 17px;
    text-shadow: none;
}


#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro {
    bottom: 35px;
    box-sizing: border-box;
    left: 0;
    padding: 0 20px;
    position: fixed;
    width: 100%;
}
#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro .navegacionRegistroEnlace {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
	cursor:pointer;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 2px;
	font-family: 'roboto';
}

#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro .navegacionRegistroEnlace.siguiente {
    float: right;
}
#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro .navegacionRegistroEnlace.anterior {
    float: left;
}
#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro .navegacionRegistroEnlace.finalizar {
    float: right;
	background: #00d5bc;
	padding: 10px;
	border-bottom: none;
	font-weight: 600;
	font-family: 'roboto';
	font-size: 12px;
	text-transform: uppercase;
	top: -4px;
	position: relative;
}

#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro .navegacionRegistroEnlace.enviar {
    float: right;
}

#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro .navegacionRegistroEnlace.volver {
    float: left;
}

#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro .navegacionRegistroEnlace.aceptar {
    float: right;
}

#registro #contenedorRegistro #formRegistroUsuario .navegacionRegistro #yaEstoyRegistrado.navegacionRegistroEnlace {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    top: 4px;
	font-family: 'roboto';
}

#registro > #contenedorRegistro > #contenedorRegistroTitulo span, 
#registro > #contenedorRegistro > #contenedorRegistroTitulo i {
    font-family: "roboto",sans-serif;
    font-size: 18px;
    font-style: normal !important;
    font-weight: 600;
    text-transform: uppercase;
}
#registro > #contenedorRegistro > #formRegistroUsuario #formRegistroCompletado p{
	color: #ffffff;
    font-family: "roboto",sans-serif;
    font-size: 16px;
    text-align: center;
}
/*FIN DE REGISTRO*/









/*MENU*/

	div[data-id="headerPPal"] {
		background: #ffffff none repeat scroll 0 0;
		border: medium none !important;
		box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2);
		margin: 0 !important;
		min-height: 0 !important;
		opacity: 0;
		padding: 0 !important;
		position: fixed;
		top: 0;
		-webkit-transition: opacity 0.25s ease-out;
		transition: all 0.25s ease-out 0s;
		width: 100%;
		z-index: 2147483628;
	}
	
	div[data-id="headerPPal"].visible{
		/*display:block;*/
		opacity:1;
	}
		
	div[data-id="headerPPal"] div[data-id="logoheader"]{
		background:#a1e1d2 !important;
		/*padding:0.4em 0.8em*/
		padding:0 !important;
		margin:0 0 0 0 !important;
		min-height:0px !important;
		width:60px;
		border-radius:0 20px 20px 0;
		float:left;
		z-index:1000;
		position:relative;
	}
	div[data-id="headerPPal"] div[data-id="logoheader"] a{
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		opacity:0;
		color:rgba(0,0,0,0);
		z-index:11
	}
	div[data-id="headerPPal"] div[data-id="logoheader"] img{
		margin-bottom:0px !important;
		position:relative;
		top:2px;
		left:4px;
		z-index:10;
	}
	
	
	div#headerPPal #yo {
		border-left: 1px solid #000000;
		cursor: pointer;
		float: left;
		height: 60px;
		left: -1px;
		max-height: 60px;
		max-width: 60px;
		opacity: 1;
		position: absolute;
		top: 0;
		transition: all 0.25s ease-out 0s;
		width: 60px;
	}
	div#headerPPal #yo:hover{
		opacity: 0.6;
	}
	div#headerPPal #mifoto{
		width:60px;
		height:60px;
		max-width:60px;
		max-height:60px;
	}
	
	div#headerPPal #yo p {
		background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
		bottom: 0;
		color: #ffffff;
		cursor: pointer;
		margin: 0;
		padding: 0 0 3px;
		position: absolute;
		text-align: center;
		width: 100%;
	}
	div#headerPPal #yo p span{
		font-family:'roboto', sans-serif;
		font-weight:400;
		font-size:10px;
		cursor: default;
	}
	
	div[data-id="headerPPal"] #datosUsuario {
		box-sizing: border-box;
		float: left;
		padding-left: 60px;
		width: 100%;
	}
	
	
	div[data-id="headerPPal"] #datosUsuario #infoUser {
		height: 21px;
	}
	
	
	div[data-id="headerPPal"] #datosUsuario #infoUser #nivelUser {
		background: #000000 none repeat scroll 0 0;
		color: #ffffff;
		display: inline-block;
		font-family: "Yanone Kaffeesatz",sans-serif !important;
		font-size: 16px;
		height: 21px;
		padding-left: 6px;
		padding-right: 6px;
		position: relative;
		z-index: 11;
	}
	
/*
	div[data-id="headerPPal"] #datosUsuario #infoUser #nivelUser {
		background: #f5ce16 none repeat scroll 0 0;
		border-radius: 50%;
		box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
		box-sizing: border-box;
		color: #444444;
		font-family: "roboto" !important;
		font-size: 10px;
		font-weight: 600;
		height: 23px;
		left: 40px;
		line-height: 15px;
		padding: 5px 0 0;
		position: absolute;
		text-align: center;
		text-shadow: none;
		width: 23px;
	}
*/

	div[data-id="headerPPal"] #datosUsuario #infoUser #nivelUser {
		background: #f5ce16 none repeat scroll 0 0;
		border-radius: 0;
		box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
		box-sizing: border-box;
		color: #444444;
		cursor: pointer;
		font-family: "roboto" !important;
		font-size: 10px;
		font-weight: 600;
		height: 16px;
		left: 44px;
		line-height: 15px;
		padding: 1px 1px 0 0;
		position: absolute;
		text-align: center;
		text-shadow: none;
		width: 16px;
	}

	div[data-id="headerPPal"] #datosUsuario #infoUser div[data-id="marquesina"] {
		background: #efefef none repeat scroll 0 0;
		box-sizing: border-box;
		float: left;
		height: 21px;
		margin: 0 !important;
		padding: 0px 0 0 !important;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10;
		line-height:10px;
	}
	
	div[data-id="headerPPal"] div[data-id="marquesina"] marquee {
		font-family: "roboto",sans-serif;
		font-size: 10px;
		letter-spacing: 0.4px;
		position: relative;
		top: 5px;
		line-height:10px;
		-webkit-marquee-speed:normal;
		marquee-speed:normal;
		overflow-x: -webkit-marquee;
	}
	
	div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia{
		background: #414141 none repeat scroll 0 0;
		box-sizing: border-box;
		color: #a1e1d1;
		height: 19px;
		padding-top: 2px;
		width:100%;
		position: relative;
	}
	div[data-id="headerPPal"] #datosUsuario #separadorDataUser{
		height:1px;
		width:100%;
		background:#000;
	}
	
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina {
		background: #414141 none repeat scroll 0 0;
		box-sizing: border-box;
		color: #a1e1d1;
		height: 19px;
		padding-top: 2px;
		width:100%;
		position: relative;
	}
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina  #staminaActual i{
		font-weight: bold !important;
		margin: 0 2px;
	}
	
	
	div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia p {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		box-sizing: border-box;
		color: rgba(0, 0, 0, 0);
		float: left;
		height: 1px;
		left: 0;
		margin: 0;
		padding-left: 90px;
    	padding-right: 80px;
		position: absolute;
		top: 9px;
		width: 100%;
	}

	
	
	
	div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia p span {
		background: #f4cf16 none repeat scroll 0 0;
		display: block;
		height: 3px;
		   max-width: 100%;
		position: relative;
		top: -1px;
		/*
		-webkit-transition: width 0.25s ease-out;
		transition: width 0.25s ease-out 0s;
		*/
		width: 0%;
		z-index: 21;
	}
	
	
	
	div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia p u {
		background: #ffffff none repeat scroll 0 0;
		display: block;
		height: 1px;
		position: relative;
		top: -3px;
		width: 100%;
		z-index: 20;
	}
	
	
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		box-sizing: border-box;
		color: rgba(0, 0, 0, 0);
		float: left;
		height: 1px;
		left: 0;
		margin: 0;
		padding-left: 90px;
    	padding-right: 80px;
		position: absolute;
		top: 8px;
		width: 100%;
	}
	
	

 
	
	
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p span {
		background: #ff6760 none repeat scroll 0 0;
		display: block;
		height: 3px;
		max-width: 100%;
		position: relative;
		top: -1px;
		-webkit-transition: width 0.25s ease-out;
		transition: width 0.25s ease-out 0s;
		width: 0;
		z-index: 22;
	}
	
	
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p i {
		box-sizing: border-box;
		color: #ffffff;
		display: block;
		float: left;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		position: relative;
		text-align: center;
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
		text-transform: none;
		top: -10px;
		width: 100%;
		z-index: 23;
		font-family: 'Roboto', sans-serif !important;
	}
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p u {
		background: #ffffff none repeat scroll 0 0;
		display: block;
		height: 1px;
		position: relative;
		top: -3px;
		width: 100%;
		z-index: 20;
	}

	div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia p,
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p{
		padding-right: 90px;
	}



/*SIN MARQUESINA*/

#contenedor div[data-id="headerPPal"] #datosUsuario #infoUser {
    height: 0;
}

#contenedor div[data-id="headerPPal"] #datosUsuario #infoUser div[data-id="marquesina"]{
    display: none;
}


#contenedor div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia, 
#contenedor div[data-id="headerPPal"] #datosUsuario #dataUserStamina {
    height: 29.5px !important;
}
#contenedor div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia > span,
#contenedor div[data-id="headerPPal"] #datosUsuario #dataUserStamina > span {
    top: 6px !important;
	text-transform: uppercase;
	color: #a1e1d1;
	cursor: default;
	font-family: 'roboto';
	font-size: 12px;
	line-height: 16px;
}

#contenedor div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia > p,
#contenedor div[data-id="headerPPal"] #datosUsuario #dataUserStamina > p {
    top: 13px !important;
}


/*FIN DE SIN MARQUESINA*/


#staminaActual::before {
    float: right;
	font-size: 21px !important;
	margin-right: -24px;
	cursor: pointer;
	color: #fff;
	margin-top: -2px;
}

#experienciaSiguienteNivel::before {
    float: right;
    font-size: 21px !important;
    margin-right: -24px;
	margin-top: -2px;
	cursor: pointer; 
	color: #fff;
}


	
	.separadorTop{
		margin-bottom:72px/*6.0em*/;
		clear: both;
		transition: all 0.25s ease-out 0s;
	}
	.separadorBottom{
		height:3.0em;
		clear: both;
	}
	
	.gridMenu{
		overflow:visible;
	}
	
	.aplicacionMaxWidth{
		max-width:640px;
		margin:0 auto;
		position:relative;
		padding-top: 0px !important;
		box-sizing:border-box;
	}

.aplicacionMaxWidth.ui-content {
    overflow: hidden;
	padding-bottom: 70px !important;
}




/*NUEVO SUBHEADER*/

#contenedor .ui-page.headerStyle2 .separadorTop {
    margin-bottom: 0;
}


#contenedor:not(.headerPPalEscondido) .ui-page.headerStyle2 .separadorTop {
    margin-bottom: 60px;
}
/*	
#headerPPal.headerPPalEscondido {
    top: -60px;
	box-shadow: 0 0 0 #000000;
}
*/
#campanas{
	/*overflow-y: hidden !important;*/
}

.ui-page.headerStyle2 .ui-content {
    padding: 0;
}

.ui-page.headerStyle2 .contendorContenido {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 20px 1em 0;
    /*width: calc(100% / 3) !important;*/
	width: 100%;
}
.ui-page.headerStyle2 .contendorContenido#contenedorTematicas {
	padding-top: 20px;
}

.ui-page.headerStyle2 .contendorContenido > div {
    padding: 6px 4px 0 3px;
}
#contenedor .ui-page.headerStyle2 .headerSubpage {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.25s ease-out 0s;
}
#contenedor .ui-page.headerStyle2 .headerSubpage:not(.submenus) {
    margin-bottom: 30px;
}

#contenedor .ui-page.headerStyle2 .headerSubpage div a.txtQt.botonQt{
	font-size: 12px;
}

#contenedor .ui-page.headerStyle2 .headerSubpage .imagenSubheader {
    display: none;
}


#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader {
    float: none;
    position: absolute;
    right: 10px;
    top: 7px;
    width: auto;
}



#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader a {
    border-radius: 50%;
    box-shadow: none !important;
    box-sizing: border-box;
    height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    width: 50px;
}


#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader a::before {
    display: block;
    font-size: 26px;
    margin-bottom: -6px;
    margin-top: -1px;
}

/*
#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader a::before {
    display: block;
    font-size: 26px;
    margin-bottom: -6px;
    margin-top: -1px;
}
*/
#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader a::before {
    display: block;
    font-size: 26px;
	left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 10%;
}
#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader a span{
	bottom: 14%;
    font-weight: 500;
    left: 0;
    position: absolute;
    right: 0;
}

#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader a::before {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 13%;
}
#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader a span{
	bottom: 14%;
	font-weight: 600;
	left: 0;
	position: absolute;
	right: 0;
	font-family: 'robotoc';
	font-size: 10px;
}

#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal {
    float: none;
    position: absolute;
    right: 65px;
    top: 7px;
    width: auto;
	z-index: 12;
}
#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal a {
    border-radius: 50%;
    box-shadow: none !important;
    box-sizing: border-box;
    height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0.7em 0;
    width: 50px;
	opacity: 1;
	transition: all 0.25s ease-out;
}
#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal a.activo {
    opacity: 0.35;

}

#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal a img {
    display: block;
    margin: 6px auto 2px;
}


#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal a img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 25%;
}

#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal a span {
    bottom: 14%;
    font-weight: 500;
    left: 0;
    position: absolute;
    right: 0;
}

#contenedor .ui-page.headerStyle2 .headerSubpage p {
    font-size: 35px;
    padding: 15px 25px 20px;
    text-align: left;
	margin-bottom: 0 !important;
}
#contenedor .ui-page.headerStyle2 .headerSubpage ul {
    box-sizing: content-box;
	display: inline-block;
	height: auto;
	margin: 2px 0 0px;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0 0 0 25px;
	width: 480px;
	/*box-shadow: 0px 6px 7px rgba(0,0,0,0.10);*/
}

body.iPhone.navegadorSinSoporte #contenedor .ui-page.headerStyle2 .headerSubpage ul{
	overflow-y: scroll;
}


#contenedor .ui-page.headerStyle2 .headerSubpage ul li {

    /*border-bottom: 2px solid rgba(0, 0, 0, 0);*/
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    float: left;
    font-family: "roboto", sans-serif  !important;
    font-size: 12px;
    font-weight: 700  !important;
    list-style: outside none none;
    margin-bottom: 0px;
    margin-right: 20px;
    margin-top: 0px;
    opacity: 1;
    padding: 10px 0 15px;
    text-transform: uppercase;
    transition: all 0.25s ease-out 0s;
}
#contenedor .ui-page.headerStyle2 .headerSubpage ul li.active {
   /* border-bottom: 2px solid #333333;*/
}

#contenedor .ui-page.headerStyle2 .headerSubpage ul li span{
	/*border-bottom: 2px solid rgba(0, 0, 0, 0);*/
	transition: all 0.25s ease-out 0s;
}
#contenedor .ui-page.headerStyle2 .headerSubpage ul li.active span{
	/*border-bottom: 2px solid #333333;*/
}

#contenedor .ui-page.headerStyle2 .headerSubpage ul li a{
	
	font-family: "roboto",sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333333;
	cursor: pointer;
	opacity: 1;
	transition: all 0.25s ease-out;
	
}
#contenedor .ui-page.headerStyle2 .headerSubpage ul li a:hover{
	opacity: 0.6;
}




#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader {
    float: none;
    position: absolute;
    right: 10px;
    top: 7px;
    width: auto;
}



#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader a {
    border-radius: 50%;
    box-shadow: none !important;
    box-sizing: border-box;
    height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    width: 50px;
}

 
#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader:not(:empty) + .imagenSubheader + .botonInicioSubHeader{
	right: 65px;
	
}

#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader:not(:empty) + .imagenSubheader + .botonInicioSubHeader + .botonToggleHeaderPpal{
	right: 120px;
}


#contenedor .slidee {
    list-style: outside none none;
    padding: 0;
	margin-top: 0;
}

	
	
	#contenedor .ui-page.headerStyle2:not(#campanas) .separadorTop {
		margin-bottom: 70px !important;
	}
	#contenedor .ui-page.headerStyle2:not(#campanas) .headerSubpage {
		position: fixed;
		top: 0;
		z-index: 23100;
	}
	#contenedor:not(.headerPPalEscondido) .ui-page.headerStyle2:not(#campanas) .headerSubpage {
		position: relative;
	}
	#contenedor:not(.headerPPalEscondido) .ui-page.headerStyle2:not(#campanas) .separadorTop{
		margin-bottom: 60px !important;
		transition: 0s margin-bottom ease-out 0.0s;
	}
	
/*FIN DE NUEVO SUBHEADER*/





	
	#menu .gridMenu > div{
		margin-top:0px;
		margin-bottom:2em;
		overflow:visible;
	}
	
	
	#menu .gridMenu > div.botonMenu {
		float: left;
		width: 50%;
		cursor:pointer;
		position:relative;
		opacity:1;
		
		clear: none;
	}
	#menu .gridMenu > div.botonMenu:nth-child(2n+1){
		/*clear:left;*/
	}
	
	#menu .gridMenu > div.botonMenu.botonDesabilitado{
		opacity:0.4;
	}
	
	
	#menu .gridMenu > div.botonMenu.new::before {
		bottom: 0;
		content: url("../img/svg/new.svg");
		display: block;
		height: 43px;
		left: -10px;
		margin: auto;
		position: absolute;
		top: 0;
		width: 43px;
		z-index: 2147483645;
	}

	#menu .gridMenu a{
		width:95%;
		display:block;
		margin:0 auto;
		position:relative;
		text-decoration:none;
		overflow:visible;
		z-index: 1000;
		box-shadow: 0 0 0 1px rgba(250, 228, 124, 0.75) inset, 0 0.45em 0 #444444;
		
	}
	#menu .gridMenu.animado a{
		transition: all 0.25s ease-out 0s;
	}

	#menu .gridMenu a img.lineasBoton{
		width:100%;
		position:absolute;
		height:100%;
		top:0;
		left:0;
		z-index:13;
		overflow:hidden;	
	}
	
	#menu .gridMenu a div.fondoBoton{
		/*
		background: -webkit-linear-gradient(#f5e816, #f5ce16);
		background: -o-linear-gradient(#f5e816, #f5ce16); 
		background: -moz-linear-gradient(#f5e816, #f5ce16); 
		background: linear-gradient(#f5e816, #f5ce16);
		*/
		/*position:absolute;*/
	
		width:100%;
		height:8.6em;
		border-radius:0.45em;
		margin-top:0.6em;
		/*box-shadow: 0 0 0 1px rgba(250, 228, 124, 0.75) inset, 0 0.45em 0 rgba(68,68,68,1);*/
		position:relative;
		top:0;	
		z-index:12;	
		
		display:block;
		-webkit-transition: all 0.25s ease-out;
		transition:all 0.25s ease-out 0s;
		/*background:none;*/
	}
	#menu .gridMenu a div.fondoBoton.active{
		/*
		background: -webkit-linear-gradient(#f5ce16, #f59e16); 
		background: -o-linear-gradient(#f5ce16, #f59e16); 
		background: -moz-linear-gradient(#f5ce16, #f59e16);
		background: linear-gradient(#f5ce16, #f59e16); 
		*/
		box-shadow: inset 0px 0px 24px 0px rgba(245, 207, 22, 0.75), 0 0.45em 0 rgba(68,68,68,1);
	}
	
	
	#menu .gridMenu a p.elementosboton{
		position:absolute;
		bottom:15px;
		right:0;
		left:0;
		text-align:center;
		font-size:27px;
		color:#434343;
		margin:0 auto;
	}
	#menu .gridMenu a p.elementosboton span{
		font-weight:500;
		text-align:center;
		text-shadow:0px 1px 1px rgba(252,240,111,0.8);
		text-transform:none;
		z-index:15;
		position:relative;
	}
	#menu .gridMenu a:active p.elementosboton span{
		/*color:#fff;*/
		color:inherit;
	}
	#menu .gridMenu a img.baseBoton{
		width:100%;
		height:auto;
	}
	#menu .gridMenu a img.iconoBoton{
		position:absolute;
		top:-6%;
		left:0;
		right:0;
		margin:0 auto;
		width:50%;
		z-index:14;
		
	}
	#menu .gridMenu a img.iconoBotonTienda{ width:68%; top:-5% }
	#menu .gridMenu a img.iconoBotonRetos{ width:98%; top:2% }
	#menu .gridMenu a img.iconoBotonCampanas{ width:92%; top:-5% }


	#menu .gridMenu.redimensionado a img.iconoBoton {
		height: 80% !important;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: -6% ;
		width: auto !important;
		z-index: 14;
	}

	
	#menu .gridMenu.redimensionado div.botonHorizontal a img.iconoBoton {
		max-width: 100% !important;
		top: 0 !important;
	}
	
	
	
	#menu .gridMenu a img.newItem{
		position:absolute;
		top:0;
		bottom:0;
		margin:auto;
		left:-12px;
		z-index:17;
		
	}
	


	
	#menu .gridMenu a {
		background-color: #f5ce16;
		border-radius: 5px;
	}


	#menu .gridMenu a:not(.new) img.newItem{display:none}
	
	#menu .gridMenu a span.numeroItem{
		width:25px;
		height:25px;
		background:#ff6760;
		box-shadow:0px 2px 0px 1px rgba(0,0,0,0.3);
		color:#fff;
		text-shadow:0px 2px 1px rgba(0,0,0,0.6);
		font-size:16px;
		font-weight:bold;
		position:absolute;
		bottom:-13px;
		right:0;
		left:0;
		margin:auto;
		border-radius:50%;
		box-sizing:border-box;
		padding-top:6px;
		text-align:center;
		z-index:16;
	}
	
	#menu .gridMenu a span.numeroItem:empty {
		display: none;
	}
	
	#heading{

		position:fixed;
		z-index:99999999;
		background:#434343;
		color:#fff;
		left:0;
		bottom:0;
		
	}
	
/*FIN DE MENU*/





/*PAGINA INTERMEDIA*/

	/*COMUN*/
		.headerSubpage{width:100%;}
		
		.headerSubpage .botonVolverSubHeader {
			float: left;
			position: relative;
			width: 22%;
			z-index: 11;
		}
		.headerSubpage .botonVolverSubHeader a{
			box-shadow:0px 4px 0px 1px rgba(68,68,68,1);
			text-shadow:0px 1px 1px rgba(252,240,111,0.8);
			border-radius:5px; 
			font-weight:500;
			padding-left:0;
			padding-right:0;
			text-transform: uppercase;
			margin-top: 15px;
		}
		/*
		.headerSubpage .botonVolverSubHeader span {
			display: block;
			height: 50px;
		}
*/
		#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader a span{
			bottom: 14%;
			
			left: 0;
			position: absolute;
			right: 0;
			font-family: 'robotoc';
			font-size: 10px;
			font-weight: 600;
		}
		.headerSubpage .imagenSubheader{
			width:56%;
			float:left;
			text-align:center;
		}
		.headerSubpage .imagenSubheader img {
			margin-bottom: 0;
			max-height: 70px;
			width: auto;
		}
		
		.headerSubpage p {
			color: #434343;
			font-size: 40px;
			height: auto;
			line-height: 32px;
			margin-bottom: 50px;
			margin-top: 0;
			text-align: center;
			text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
			position:relative;
			z-index:10;
		}
		.headerSubpage .imagenSubheader p.tituloMargen{
			margin-top:0em;
		}
		.headerSubpage .botonInicioSubHeader,
		.headerSubpage .botonRankingCampana{
			width:22%;
			float:right;
			position: relative;
			z-index: 11;
		}
		.headerSubpage .botonInicioSubHeader a{
			border-radius: 5px;
			box-shadow: 0 4px 0 1px #444444;
			color:#444444 !important;
			font-weight: 500;
			padding-left: 0;
			padding-right: 0;
			text-shadow: 0 1px 1px rgba(252, 240, 111, 0.8);
			text-transform: uppercase;
			margin-top: 15px;
		}
	/*FIN DE COMUN*/


	/*CAMPANAS*/
		#contenedorCampanas {
			position: relative;
		}
		#contenedorCampanas #contenedorCampanasActivas{}
				
		#contenedorCampanas #contenedorCampanasActivas > p {
			color: rgb(255, 255, 255);
			font-family: "yanone kaffeesatz",sans-serif;
			font-size: 19px;
			text-align: center;
			text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
			margin-top: 60px;
		}
		#contenedorCampanas #contenedorCampanasProximas{}
		
		#contenedorCampanas .contenedorTipoCampana{
			margin-bottom:60px; 
			position: relative;
		}
		#contenedorCampanas #contenedorCampanasExpiradas.contenedorTipoCampana {
			margin-bottom: 0;
		}

		#contenedorCampanas #masCampanas {
			position: absolute;
			right: 0px;
			top: 5px;
			z-index: 9999999999999999999999;
			width: 60px;
			text-align: center;
			font-size: 11px;
			line-height: 13px;
			color: #434343;
			font-weight: 700 !important;
			font-family: 'Roboto', sans-serif !important;
			text-transform: uppercase;
			background: #f5ce16;
			margin: 0;
			padding: 5px 4px 5px 4px;
			border-radius: 10px 0 0 10px;
			box-shadow: 0px 4px 0px rgba(0,0,0,0.6);
			cursor: pointer;
		}
		#contenedorCampanas #masCampanas i {
			display: block;
			font-size: 25px;
			background: #434343;
			color: #fff;
			width: 30px;
			margin: 0 auto;
			height: 30px;
			border-radius: 50%;
			padding-top: 3px;
			box-sizing: border-box;
			margin-bottom: 2px;
			text-shadow: none;
		}
		
		/*#contenedorCampanas .contenedorTipoCampana */
		.labelApp {
			display: block;
			margin-bottom: 15px;
			text-align: left;
		}
		/*#contenedorCampanas .contenedorTipoCampana */
		.labelApp span {
			background: #ffffff none repeat scroll 0 0;
			border-radius: 5px;
			color: #434343;
			font-size: 13px;
			font-weight: bold;
			letter-spacing: -0.4px;
			padding: 5px 6px 5px 5px;
			position: relative;
		}
		/*
		#contenedorCampanas #contenedorCampanasActivas.contenedorTipoCampana .labelApp span{
			padding-right:28px;
		}
		*/
		
		/*#contenedorCampanas .contenedorTipoCampana */
		.labelApp span i {
			background-color: #ff6760;
			border-radius: 50%;
			box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
			box-sizing: border-box;
			color: #ffffff;
			display: inline-block;
			font-size: 14px;
			font-style: normal;
			font-weight: bold;
			height: 35px;
			padding: 9px 0 0;
			position: absolute;
			right: -12px;
			text-align: center;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
			top: -4px;
			width: 35px;
		}
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas{}
		#contenedorCampanas .contenedorTipoCampana .labelApp {
			margin-bottom: 27px;
			margin-top: 3px;
		}
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana {
			border-radius: 5px;
			box-shadow: 0 3px 5px rgba(0,0,0,0.4);
			color: #434343;
			font-size: 25px;
			line-height: 0;
			margin: 0 auto 30px calc(15% / 2 - 25px);
			padding: 8px 10px 10px;
			position: relative;
			text-align: center;
			z-index:40;
			min-height: 100px;
			
			-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
			
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.segmentacion{
			background: #f5ce16 none repeat scroll 0 0;
		}

		#contenedor.acuerdoLearnnity #contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.segmentacion {
			background: #3875d7 none repeat scroll 0 0;
		}
		#contenedorCampanas .contenedorTipoCampana .listaCampanas:not(#campanasExpiradas) .campana:not(.segmentacion){
			/*background: #f5ce16 none repeat scroll center center / cover;*/
			background: #f5ce16 no-repeat center center / 100% auto; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4), 0 0 500px rgba(0, 0, 0, 0.6) inset;
		}
	
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva{cursor:pointer}
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaCompleta {
			/*margin-bottom: 35px;*/
		}
		/*#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva:active{color:#fff}*/
		
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .txtQt {
			box-sizing: border-box;
			font-family: 'RobotoC', 'roboto' ,sans-serif !important;
			font-size: 21px;
			font-weight: 500;
			letter-spacing: -0.4px;
			line-height: 21px;
			margin: 8px 0 6px;
			overflow: hidden;
			padding-right: 44px;
			text-align: center;
			text-overflow: ellipsis;
			text-shadow: none !important;
			/*text-transform: uppercase;*/
			/*white-space: nowrap;*/
		}


		#contenedorCampanas .contenedorTipoCampana .listaCampanas:not(#campanasExpiradas) .campana:not(.segmentacion) p.txtQt{
			color: #ffffff;
			text-shadow: 0 2px 1px rgba(0, 0, 0, 0.8) !important;
		}
        #contenedorCampanas .contenedorTipoCampana .listaCampanas:not(#campanasExpiradas) .campana.interes p.txtQt {
            padding: 0 38px 15px;
        }

		
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana:not(.segmentacion) .infoTextoCampana {
			background: #ffffff none repeat scroll 0 0;
			border-radius: 25px;
			display: inline-block;
			padding: 0 6px 1px;
			text-align: center;
		}

		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana:not(.segmentacion) .infoTextoCampana span {
			color: #333333 !important;
			text-shadow: none;
		}
		
		#contenedorCampanas #contenedorCampanasProximas.contenedorTipoCampana .listaCampanas .campana{
			/*opacity:0.7;*/
			cursor:default;	
			background: rgba(245, 206, 22, 0.7) none repeat scroll 0 0 !important;		
		}
		#contenedorCampanas #contenedorCampanasExpiradas.contenedorTipoCampana .listaCampanas .campana{
			/*opacity:0.7;	*/
			cursor:default;	
			background: rgba(245, 206, 22, 0.7) none repeat scroll 0 0 !important;
		}
		#contenedorCampanas .contenedorTipoCampana #campanasExpiradas.listaCampanas .campana:not(.segmentacion) {
			background-size: cover !important;
		}
		
		#contenedorCampanas #contenedorCampanasExpiradas.contenedorTipoCampana .listaCampanas .campana .txtQt,
		#contenedorCampanas #contenedorCampanasExpiradas.contenedorTipoCampana .listaCampanas .campana span,
		#contenedorCampanas #contenedorCampanasExpiradas.contenedorTipoCampana .listaCampanas .campana.campanaCompleta::after,
		#contenedorCampanas #contenedorCampanasExpiradas.contenedorTipoCampana .listaCampanas .campana.campanaNew::after{
			/*opacity:0.7;*/
		}
		
		/*
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaCompleta::after {
			bottom: -15px;
			box-shadow: 0px 4px 1px 0px rgba(0, 0, 0, 0.44);
			content: url("../img/svg/campanaCompleta.svg");
			position: absolute;
			right: 5px;
			z-index: 41;
			display: none;
		}
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaNew > .txtQt {
			margin-left: 25px;
		}
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaNew > span {
			margin-left: 25px;
		}
			
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaNew::after {
			bottom: 0;
			content: url("../img/svg/new.svg");
			height: 44px;
			left: -10px;
			margin: auto !important;
			position: absolute;

			top: -50px;
			z-index: 41;
		}
		*/
		#contenedor.acuerdoLearnnity #contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.segmentacion::after {
			background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
			border: 2px solid #ffffff;
			border-radius: 50%;
			box-shadow: none;
			content: url("../img/svg/logolearNNity.svg") !important;
			display: block !important;
			height: 30px;
			left: 5px !important;
			position: absolute;
			right: auto !important;
			top: 5px !important;
			width: 30px;
			z-index: 2147483647 !important;
		}

		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana span {
			color: #ffffff;
			font-family: "roboto";
			font-size: 11px;
			font-weight: bold;
			line-height: 15px;
			position: relative;
			text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
			text-transform: uppercase;
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana span.infoJugadores {
			
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana {
			font-size: 23px;
			margin: 14px 0 3px;
			position: relative;
			right: 0;
			top: 0;
			text-align: center;
		}
	#contenedorCampanas .contenedorTipoCampana #campanasExpiradas.listaCampanas .campana p.infoCampana{
		margin: 0px 0 3px;
	}
	

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.preguntas,
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.stamina {
			color: #1b453d;
			display: block;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: -0.8px !important;
			margin-left: 4px;
			margin-right: 6px;
			position: relative;
			text-align: right;
			text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
			top: 14px;
		}
		
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.stamina {
			top: 29px;
		}


		/*PATROCINADORES*/
		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor {
			position: relative;
			margin-bottom: -10px;
			width: calc(100% + 20px);
			margin-left: -10px;
			border-radius: 0px 0px 5px 5px !important;
			/*overflow: hidden;*/
			margin-top: 40px;
			padding: 5px 0;
		}


		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor span {
			position: absolute;
			top: -15px;
			left: 0;
			right: 0;
			font-size: 10px;
			text-shadow: none;

		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor .logosPatrocinadores{
			margin-top: 0;
			margin-bottom: 0;
			position: relative;
			display: block;
			text-align: center;
			width: 100%;
		}


		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor .logosPatrocinadores img {
			max-width: 100%;
			display: inline;
			max-height: 25px;
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor .logosPatrocinadores.cantidad1 img{
			
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor .logosPatrocinadores.cantidad2 img{
			max-width: 44%;
			margin: 0 2%;
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor .logosPatrocinadores.cantidad3 img{
			max-width: 28%;
			margin: 0 2%;
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor .logosPatrocinadores.cantidad4 img{
			max-width: 20%;
			margin: 0 2%;
		}

		#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .patrocinadoPor .logosPatrocinadores.cantidad5 img{
			max-width: 14%;
			margin: 0 2%;
		}
		/* FIN DE PATROCINADORES*/




		
			/*IMPROOVE*/
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.preguntas {
				display: none !important;
			}
			
			/*
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.stamina {
				top: 4px;
			}*/
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .txtQt {
				padding-right: 0;
			}

			
			
			#contenedor.acuerdoLearnnity #contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.segmentacion .txtQt {
				color: #ffffff;
				padding: 0 38px 15px;
				text-overflow: initial !important;
				white-space: initial !important;
			}
			
			
			


			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag {
				background: #333333 none repeat scroll 0 0 !important;
				border-radius: 5px;
				box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
				box-sizing: border-box;
				color: #ffffff;
				display: inline-block;
				font-family: 'RobotoC', 'roboto' !important;
				font-size: 12px;
				font-weight: 600;
				height: auto;
				letter-spacing: 0 !important;
				margin: 0 4px;
				padding: 2px 5px !important;
				text-shadow: none !important;
				top: 0;
				width: auto;
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.stamina{
				background: #ff6760 none repeat scroll 0 0 !important;
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.completa{
				background: #4bb59c none repeat scroll 0 0 !important;
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.nueva{
				background: #f59e16 none repeat scroll 0 0 !important;
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.vip{
				background: #333333 none repeat scroll 0 0 !important;
				color: #f5ce16 
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.favorita{
				background: #FFF none repeat scroll 0 0 !important;
				color:#333333;
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.favorita i {
				color: #ff6760;
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.favorita i:first-child{
				margin-right: 3px;
			}
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.favorita i:last-child{
				margin-left: 3px;
			}

			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana p.infoCampana span.tag.equipos{
				background: #f5ce16 none repeat scroll 0 0 !important;
				color:#333333;
			}

			/*FIN DE IMPROOVE*/
	

			div[data-role="page"] h4.tituloCampanaIntermedia {
				border-bottom: 2px solid #f5e616;
				box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
				color: #f5e616;
				font-family: "yanone kaffeesatz",sans-serif;
				font-size: 28px;
				font-weight: 400;
				letter-spacing: -1px;
				margin-bottom: 0;
				margin-top: -20px;
				text-align: center;
				text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
				text-transform: none;
			}

			div[data-role="page"].headerStyle2 h4.tituloCampanaIntermedia {
				border-bottom: 2px solid #f5e616;
				box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
				color: #f5e616;
				font-family: "yanone kaffeesatz",sans-serif;
				font-size: 28px;
				font-weight: 400;
				letter-spacing: -1px;
				margin: 20px auto 0;
				max-width: 640px;
				text-align: center;
				text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
				text-transform: none;
				width: 90%;
			}



		
		.tituloCampanaTipoJuego {
			color: #ffffff;
			font-size: 20px;
			font-weight: 700;
			line-height: 20px;
			margin-bottom: 0;
			margin-top: 8px;
			text-align: center;
			text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
			font-family: "roboto", sans-serif;
			
			display: none;
		}

		div.headerStyle2[data-role="page"] h4.tituloCampanaTipoJuego{
			max-width: 640px;
			width: 90%;
			margin: 20px auto 0;
		}
		
		div[data-role="page"].headerStyle2 #contenedorCampanasVs {
			margin: 0 auto;
			max-width: 640px;
			width: 90%;
		}




		/*TEMATICAS*/


		#campanas.dragged .nicescroll-rails {
			display: none !important;
		}

		#campanas #sliderCampanas #listadoTematicas {
			/*padding-bottom: 30px;*/
			padding-bottom: 50px;
		}

		/*
		#campanas #sliderCampanas #tematicasBuscador {
			margin-bottom: 30px;
		}
		*/

		#campanas #sliderCampanas #introduccionTematicas {
			margin-top: 0;
			margin-bottom: 30px;
			font-family: 'RobotoC', 'roboto', 'pt sans';
			font-weight: 700;
			color: #fff;
			font-size: 17px;
			line-height: 17px;
			text-shadow: 0px 2px 1px rgba(0,0,0,0.4);
			letter-spacing: -0.4px;
			text-align: center;
		}
		#campanas #sliderCampanas #introduccionTematicas b {
			display: block;
			text-align: center;
			font-size: 20px;
			margin-bottom: 5px;
			color: #fff;
			text-shadow: 0px 2px 1px rgba(0,0,0,0.4);
			background: #424242;
			padding: 5px 10px 7px;
			border-radius: 25px;
		}
		#campanas #sliderCampanas #tematicasBuscador {
			margin-bottom: 0px;
			position: fixed;
			bottom: 20px;
			z-index: 350;
			text-align: right;
			/*width: calc(1080px / 3 - 35px);*/
		}

		#campanas #sliderCampanas #tematicasBuscador p {
			clear: both;
			float: none;
			margin: 0;
			position: relative;
			text-align: right;
		}

		#campanas #sliderCampanas #tematicasBuscador p div {
			background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
			border: medium none;
			box-shadow: none !important;
			box-sizing: border-box;
			clear: both;
			float: none;
			margin: 0;
			text-align: right;
		}

		
		
		#campanas #sliderCampanas #tematicasBuscador p div input {
			/*background: #414141 none repeat scroll 0 0;*/
			background: rgba(50,50,60,0.7) none repeat scroll 0 0;
			border-radius: 25px;
			color: #f5ce16;
			font-family: 'RobotoC', 'roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			padding: 5px 40px 5px 15px;
			text-shadow: none;
		}

		#campanas #sliderCampanas #tematicasBuscador p div input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #ffffff;
			opacity: 0.9
		}
		#campanas #sliderCampanas #tematicasBuscador p div input::-moz-placeholder { /* Chrome/Opera/Safari */
			color: #ffffff;
			opacity: 0.9
		}
		#campanas #sliderCampanas #tematicasBuscador p div input:-ms-input-placeholder { /* Chrome/Opera/Safari */
			color: #ffffff;
			opacity: 0.9
		}
		#campanas #sliderCampanas #tematicasBuscador p div input:-moz-placeholder { /* Chrome/Opera/Safari */
			color: #ffffff;
			opacity: 0.9
		}


		#campanas #sliderCampanas #tematicasBuscador p i {
			color: #f5ce16;
			font-size: 20px;
			position: absolute;
			right: 17px;
			top: 6px;
			cursor: pointer;
		}

		#campanas #sliderCampanas #tematicasBuscador span#tematicasBuscadorMensaje{
			color: #ffffff;
			display: none;
			float: right;
			font-family: "RobotoC","roboto",sans-serif;
			font-size: 14px;
			/*margin: 5px 3px 0 0;*/
			margin:0px 3px 5px 0;
			position: relative;
			text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
		}

		#campanas #sliderCampanas #tematicasBuscador span#tematicasBuscadorMensaje i {
			font-style: normal;
		}

		#campanas #sliderCampanas #listadoTematicasFavoritas > p {
			box-sizing: border-box;
			color: #ffffff;
			font-family: "RobotoC","roboto",sans-serif;
			font-size: 15px;
			font-weight: 600;
			margin-top: 0;
			padding-left: 2%;
			text-align: left;
			text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
			width: 100%;
		}

		#campanas #sliderCampanas ul#parrillaTematicas,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas{
			list-style: outside none none;
			padding: 0;
		}

		#campanas #sliderCampanas #listadoTematicasFavoritas #labelTematicasFavoritas{
			clear: both;
    		/*margin:0 2% 20px 40px;*/
			/*padding-right: 22px;*/
			text-align: left;
			text-transform: uppercase;
		}
		#campanas #sliderCampanas #listadoTematicasFavoritas #labelTematicasFavoritas.sinContenido {
			margin-left: 0;
			padding-right: 5px;
			padding-left: 5px;
		}
		#campanas #sliderCampanas #listadoTematicasFavoritas #labelCampanasFavoritas{
			clear: both;
    		/*margin:0 2% 20px 40px;*/
			/*padding-right: 22px;*/
			text-align: left;
			text-transform: uppercase;
		}

		#campanas #sliderCampanas #listadoTematicasFavoritas #labelCampanasFavoritas.sinContenido {
			margin-left: 0;
			padding-right: 5px;
			padding-left: 5px;
		}
		#campanas #sliderCampanas #listadoTematicasFavoritas #toggleTematicasFavoritas {
			background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
			color: #333;
			cursor: pointer;
			font-size: 25px;
			line-height: 36px;
			margin-top: -4px;
			padding: 0 10px;
			position: absolute;
			left: 0;
			text-shadow:none;
			top: 0;
			transition: all 0.25s ease-out;
		}

		#campanas #sliderCampanas #listadoTematicasFavoritas #toggleCampanasFavoritas {
			background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
			color: #333;
			cursor: pointer;
			font-size: 25px;
			line-height: 36px;
			margin-top: -4px;
			padding: 0 10px;
			position: absolute;
			left: 0;
			text-shadow:none;
			top: 0;
			transition: all 0.25s ease-out;
		}

/*
		#campanas #sliderCampanas #listadoTematicasFavoritas #toggleTematicasFavoritas.rotado,
		#campanas #sliderCampanas #listadoTematicasFavoritas #toggleCampanasFavoritas.rotado{
			transform: rotate(180deg);
			text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.6);
			color: #f5ce16;
		}
*/
		#campanas #sliderCampanas ul#parrillaTematicas > li:not(.campana),
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li:not(.campana),
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li:not(.campana){
			background: #ffffff none no-repeat scroll center 35%;
			background-image: url("../img/ajax-loader.gif");
			background-size: 45%;
			border-radius: 5px;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
			float: left;
			margin: 0 2% 30px;
			min-height: 140px;
			opacity: 1;
			position: relative;
			width: 46%;
			transition: all 0.25s ease-out;
		}
		#parrillaCampanasFavoritas li[data-campanaid="0"] {
			display: none;
		}

		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li:last-child {
			margin-bottom: 50px;
		}

		#campanas #sliderCampanas ul#parrillaTematicasFavoritas.botonVolver li[data-interesId="0"] {
			display: none;
		}

		#campanas #sliderCampanas ul#parrillaTematicas > li{
			cursor: pointer;	
		}


		#campanas #sliderCampanas .itemsTematica ul.indicadoresDatosTematica li.indicadorTematicaTemas[data-cantidadTematicasTemas="0"] {
			display: none;
		}
		#campanas #sliderCampanas .itemsTematica ul.indicadoresDatosTematica li.indicadorTematicaCampanas[data-cantidadTematicasCampanas="0"] {
			display: none;
		}

		#campanas #sliderCampanas ul#parrillaTematicas > li.sinCampanasNiIntereses,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li.sinCampanasNiIntereses{
			opacity: 0.6;
		}
		#campanas #sliderCampanas ul#parrillaTematicas > li.sinCampanasNiIntereses,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li.sinCampanasNiIntereses,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li.sinCampanasNiIntereses{
			cursor: default;
		}
		#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas.listadoCampanas > li,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li{
			margin: 0 2% 20px;
    		width: 96%;
			position: relative;
			text-align: center;
			min-height: 100px !important;
			
			
		}

		#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li{
			box-sizing: border-box;
			width: 85%;
			margin: 0 0% 20px;

		}

		#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li[data-campanaId="0"],
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas.listadoCampanas > li[data-campanaId="0"],
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li[data-campanaId="0"]{
			border-radius: 5px !important;
			clear: both;
			float: none;
			margin: 0 2% 30px auto;
			min-height: 0 !important;
			overflow: hidden;
			text-align: right;
			width: 80px;
			background-image: none !important;
			
		}


	
		#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li[data-campanaId="0"] i,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas.listadoCampanas > li[data-campanaId="0"] i,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li[data-campanaId="0"] i{
			font-size: 25px !important;
			margin-left: -22px;
			margin-top: -2px;
			position: absolute;
		}


		#campanas #sliderCampanas ul#parrillaTematicas > li::before/*,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li::before,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li::before*/{
			background: #ff6760 none repeat scroll 0 0;
			border-radius: 5px;
			box-shadow: 0 2px 1px rgba(0, 0, 0, 0.75);
			color: #ffffff;
			content: "GRUPO";
			font-family: 'RobotoC', 'roboto';
			font-size: 12px;
			font-weight: 600;
			left: 3px;
			padding: 2px 4px;
			position: absolute;
			text-shadow: 0 2px 1px rgba(0, 0, 0, 0.75);
			top: 5px;
			z-index: 150;
		}

		#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li::before,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas.listadoCampanas > li::before/*,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li::before*/{
			background-color: #a060ff;
			content: "TEMA";
		}

		#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li[data-campanaId="0"]::before,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas.listadoCampanas > li[data-campanaId="0"]::before,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li[data-campanaId="0"]::before{
			display: none;
		}

		#campanas #sliderCampanas ul#parrillaTematicas > li[data-interesId="0"],
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li[data-interesId="0"],
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li[data-interesId="0"]{
			border-radius: 5px !important;
			clear: both;
			float: none;
			margin: 0 2% 30px auto;
			min-height: 0;
			overflow: hidden;
			text-align: right;
			width: 90px;
		}

		#parrillaTematicas.botonVolver li:not([class]) {
			/*position: fixed !important;*/
			z-index: 99999999999999;
		}

		#campanas #sliderCampanas ul#parrillaTematicas > li[data-interesId="0"] i,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li[data-interesId="0"] i,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li[data-interesId="0"] i{
			font-size: 40px !important;
			margin-left: -37px;
			margin-top: -11px;
			position: absolute;
		}

		#campanas #sliderCampanas ul#parrillaTematicas > li[data-interesId="0"]::before,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li[data-interesId="0"]::before,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li[data-interesId="0"]::before{
			display: none;
		}

		#campanas #sliderCampanas ul#parrillaTematicas > li:nth-child(2n+1),
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas > li:nth-child(2n+1),
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas > li:nth-child(2n+1){
			clear: left;
		}

		#campanas #sliderCampanas ul#parrillaTematicas.botonVolver > li:nth-child(2n+1){
			clear: none;
		}

		#campanas #sliderCampanas ul#parrillaTematicas.botonVolver > li:nth-child(2n+2){
			clear: left;
		}

        #campanas #sliderCampanas ul#parrillaTematicasFavoritas.botonVolver > li:nth-child(2n+1),
        #campanas #sliderCampanas ul#parrillaCampanasFavoritas.botonVolver > li:nth-child(2n+1){
            clear: left;
        }


		#campanas #sliderCampanas ul#parrillaTematicasFavoritas.botonVolver > li:nth-child(2n+2),
        #campanas #sliderCampanas ul#parrillaCampanasFavoritas.botonVolver > li:nth-child(2n+2){
            clear: none;
        }


		
		
		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica{
			border-radius: 5px 5px 0 0 !important;
			position: relative;
		}

		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .imagenTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .imagenTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .imagenTematica{
			/*
			background: #ffffff none repeat scroll center center / cover ;
			background-size: cover !important;
			*/
			/*background: #5ce6c9 no-repeat center center / 100% auto; */
			background: none no-repeat center center / 100% auto; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;


			border-radius: 5px 5px 0 0 !important;
			box-shadow: 0 0 0 rgba(255, 255, 255, 0.8) inset;
			min-height: 120px;
			transition: all 0.25s ease-in-out 0s;
		}


		#campanas #sliderCampanas ul#parrillaTematicas li:not(.sinCampanasNiIntereses) .contenedorCardTematica:hover .imagenTematica,
		/*#campanas #sliderCampanas ul#parrillaTematicasFavoritas li:not(.sinCampanasNiIntereses) .contenedorCardTematica:hover .imagenTematica,*/
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li:not(.sinCampanasNiIntereses) .contenedorCardTematica:hover .imagenTematica{
			/*box-shadow: 0 0 300px rgba(255, 255, 255, 0.8) inset;*/
			box-shadow:0 0 60px rgba(0, 0, 0, 0.5) inset;
		}
		
		
		#campanas #sliderCampanas ul#parrillaTematicas li .nombreTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .nombreTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .nombreTematica{
			background: #333 none repeat scroll 0 0;
			border-radius: 0 0 5px 5px;
			box-sizing: border-box;
			color: #fff;
			font-family: "RobotoC","roboto" !important;
			font-size: 16px;
			font-weight: 400  !important;
			letter-spacing: -0.8px;
			line-height: 19px;
			margin: 0;
			padding: 10px;
			text-align: center;
		}
		
		#campanas #sliderCampanas ul#parrillaTematicas li[data-interesid="0"] .nombreTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li[data-interesid="0"] .nombreTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li[data-interesid="0"] .nombreTematica,
		#campanas #sliderCampanas ul#parrillaTematicas li[data-campanaid="0"] .nombreTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li[data-campanaid="0"] .nombreTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li[data-campanaid="0"] .nombreTematica{
			text-align: right !important;
		}

		#sliderCampanasContenedorDiapos li.masterd .nombreTematica{
			background-color: #f56600 !important;
			color: #ffffff !important;
			letter-spacing: 0px !important;
		}


		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica,
        #contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva .itemsTematica{
			
			width: 100%;
		}

		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica .indicadorFavoritoTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica .indicadorFavoritoTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica .indicadorFavoritoTematica,
        #contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva .itemsTematica .indicadorFavoritoTematica{
			color: #f5ce16;
			padding: 10px;
			position: absolute;
			right: -5px;
			top: -5px;
		}
        #contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva .itemsTematica .indicadorFavoritoTematica {
            right: unset;
            left: 0px;
            top: 0px;
        }

		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica .indicadorFavoritoTematica i,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica .indicadorFavoritoTematica i,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica .indicadorFavoritoTematica i{
			font-size: 30px;
			line-height: 30px;
			text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
			cursor: pointer;	
		}


        #contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva .itemsTematica .indicadorFavoritoTematica i {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
            border: 2px solid #f5ce16;
            border-radius: 50%;
            box-shadow: none;
            cursor: pointer;
            display: block !important;
            font-size: 24px;
            height: 30px;
            left: 5px !important;
            line-height: 30px;
            position: absolute;
            right: auto !important;
            top: 5px !important;
            width: 30px;
            z-index: 2147483647 !important;
            text-shadow: none !important;
            
            
        }

		
		

		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica{
			background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
			box-sizing: border-box;
			height: 100%;
			list-style: outside none none;
			margin: 0;
			padding: 17px 0 0 4px;
			position: absolute;
			top: 0;
		}



		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li{
			margin: 0 2px 6px -2px;
			text-align: center;
			width: 40px;
		}

		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li p,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li p,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li p{
			background: #f5ce16 none repeat scroll 0 0;
			border-radius: 50%;
			box-sizing: border-box;
			font-family: "roboto";
			font-size: 13px;
			font-weight: 800;
			height: 22px;
			margin: 0 auto 2px;
			padding-top: 2px;
			position: relative;
			width: 22px;
		}

		#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li span,
		#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li span,
		#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li span{
			color: #ffffff;
			display: inline-block;
			font-family: "RobotoC","roboto";
			font-size: 8px;
			font-weight: 600;
			line-height: 8px;
			text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
		}







		/*IMPROOVE PARA CONVERTIR LA CAMPANA EN TEMATICAS A ESTETICA DE CAMPANA EN LISTADO CAMPANAS*/

			#contenedorTematicas .campana,
			#contenedoMisFavoritos .campana{
				border-radius: 5px;
				box-sizing: border-box;
				color: #434343;
				font-size: 25px;
				/*line-height: 0;*/
				margin: 0 auto 20px calc(15% / 2 - 25px);
				padding: 8px 10px 1px;
				position: relative;
				z-index:40;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			
				/*background: #f5ce16 none repeat scroll center center / cover;*/
				background: #f5ce16 no-repeat center center /  100% auto; 
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				
				background-repeat: no-repeat;
				background-position: center center;

				
				box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4), 0 0 500px rgba(0, 0, 0, 0.6) inset !important;
				transition: box-shadow 0.50s ease-out;
			}

			#contenedorTematicas .campana:hover, 
			#contenedoMisFavoritos .campana:hover{
				box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4), 0 0 50px rgba(0, 0, 0, 0.6) inset !important;
			}

			#contenedorTematicas  .campana.campanaActiva,
			#contenedoMisFavoritos  .campana.campanaActiva{
				cursor:pointer
			}
			#contenedorTematicas  .campana.campanaCompleta,
			#contenedoMisFavoritos  .campana.campanaCompleta{
				margin-bottom: 35px;
			}

			#contenedoMisFavoritos .campana[data-caducada="true"] {
				opacity: 0.5;
				cursor: default;
			}



			#contenedorTematicas .campana p.txtQt, 
			#contenedoMisFavoritos .campana p.txtQt {
				box-sizing: border-box;
				color: #ffffff;
				font-family: "RobotoC",sans-serif !important;
				font-size: 21px;
				font-weight: 400 !important;
				letter-spacing: -0.4px;
				line-height: 21px;
				margin: 8px 0 0;
				overflow: hidden;
				padding: 0 20px;
				text-align: center;
				text-shadow: 0 2px 1px rgba(0, 0, 0, 0.8) !important;
			}
			

			body.mobile #contenedorTematicas .campana p.txtQt, 
			body.mobile #contenedoMisFavoritos .campana p.txtQt {
				font-weight: 400 !important;
				/*font-size: 25px !important;*/
			}


			

		#contenedorTematicas .campana .infoTextoCampana,
		#contenedoMisFavoritos .campana .infoTextoCampana {
			background: #ffffff none repeat scroll 0 0;
			border-radius: 25px;
			display: inline-block;
			line-height: 9px;
			padding: 0 6px 1px;
			position: relative;
			text-align: center;
			top: -2px;
		}

			#contenedorTematicas .campana .infoTextoCampana span,
			#contenedoMisFavoritos .campana .infoTextoCampana span{
				color: #333333 !important;
				text-shadow: none;
			}

			#contenedorTematicas #contenedorTematicasProximas .campana,
			#contenedoMisFavoritos #contenedorTematicasProximas .campana{
				/*opacity:0.7;*/
				cursor:default;	
				background: rgba(245, 206, 22, 0.7) none repeat scroll 0 0 !important;		
			}
			#contenedorTematicas #contenedorTematicasExpiradas .campana,
			#contenedoMisFavoritos #contenedorTematicasExpiradas .campana{
				/*opacity:0.7;	*/
				cursor:default;	
				background: rgba(245, 206, 22, 0.7) none repeat scroll 0 0 !important;
			}

			#contenedorTematicas #contenedorTematicasExpiradas .campana .txtQt,
			#contenedorTematicas #contenedorTematicasExpiradas .campana span,
			#contenedorTematicas #contenedorTematicasExpiradas .campana.campanaCompleta::after,
			#contenedorTematicas #contenedorTematicasExpiradas .campana.campanaNew::after,
			#contenedoMisFavoritos #contenedorTematicasExpiradas .campana .txtQt,
			#contenedoMisFavoritos #contenedorTematicasExpiradas .campana span,
			#contenedoMisFavoritos #contenedorTematicasExpiradas .campana.campanaCompleta::after,
			#contenedoMisFavoritos #contenedorTematicasExpiradas .campana.campanaNew::after{
				opacity:0.7;
			}


			#contenedorTematicas  .campana.campanaCompleta::after,
			#contenedoMisFavoritos  .campana.campanaCompleta::after{
				bottom: -15px;
				box-shadow: 0px 4px 1px 0px rgba(0, 0, 0, 0.44);
				content: url("../img/svg/campanaCompleta.svg");
				position: absolute;
				right: 5px;
				z-index: 41;
			}

		
			#contenedorTematicas  .campana.campanaNew::after,
			#contenedoMisFavoritos  .campana.campanaNew::after{
				bottom: 0;
				content: url("../img/svg/new.svg");
				height: 44px;
				left: -10px;
				margin: auto !important;
				position: absolute;

				top: -50px;
				z-index: 41;
			}


			#contenedorTematicas  .campana span,
			#contenedoMisFavoritos  .campana span{
				color: #ffffff;
				font-family: "roboto";
				font-size: 11px;
				font-weight: bold;
				line-height: 15px;
				position: relative;
				text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
				text-transform: uppercase;
			}

			#contenedorTematicas  .campana span.infoJugadores,
			#contenedoMisFavoritos  .campana span.infoJugadores{

			}

			#contenedorTematicas .campana p.infoCampana,
			#contenedoMisFavoritos .campana p.infoCampana{
				font-size: 23px;
				margin: 7px 0 3px;
				position: relative;
				right: 0;
				text-align: center;
				top: 0;
			}


			#contenedorTematicas  .campana p.infoCampana span.preguntas,
			#contenedorTematicas  .campana p.infoCampana span.stamina,
			#contenedoMisFavoritos  .campana p.infoCampana span.preguntas,
			#contenedoMisFavoritos  .campana p.infoCampana span.stamina{
				color: #1b453d;
				display: block;
				font-size: 12px;
				font-weight: bold;
				letter-spacing: -0.8px !important;
				margin-left: 4px;
				margin-right: 6px;
				position: relative;
				text-align: right;
				text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
				top: 14px;
			}

			#contenedorTematicas  .campana p.infoCampana span.stamina,
			#contenedoMisFavoritos  .campana p.infoCampana span.stamina{
				top: 29px;
			}	
		
			#contenedorTematicas  .campana p.infoCampana span.preguntas,
			#contenedoMisFavoritos  .campana p.infoCampana span.preguntas{
				display: none !important;
			}
			

			#contenedorTematicas  .campana .txtQt,
			#contenedoMisFavoritos  .campana .txtQt{
				padding-right: 0;
			}
		

			#contenedorTematicas  .campana p.infoCampana span.tag,
			#contenedoMisFavoritos  .campana p.infoCampana span.tag{
				background: #333333 none repeat scroll 0 0 !important;
				border-radius: 5px;
				box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
				box-sizing: border-box;
				color: #ffffff;
				display: inline-block;
				font-family: 'RobotoC', 'roboto' !important;
				font-size: 12px;
				font-weight: 600;
				height: auto;
				letter-spacing: 0 !important;
				margin: 0 4px;
				padding: 2px 5px !important;
				text-shadow: none !important;
				top: 0;
				width: auto;
			}
			#contenedorTematicas  .campana p.infoCampana span.tag.stamina,
			#contenedoMisFavoritos  .campana p.infoCampana span.tag.stamina{
				background: #ff6760 none repeat scroll 0 0 !important;
			}
			#contenedorTematicas  .campana p.infoCampana span.tag.completa,
			#contenedoMisFavoritos  .campana p.infoCampana span.tag.completa{
				background: #4bb59c none repeat scroll 0 0 !important;
			}
			#contenedorTematicas  .campana p.infoCampana span.tag.nueva,
			#contenedoMisFavoritos  .campana p.infoCampana span.tag.nueva{
				background: #f59e16 none repeat scroll 0 0 !important;
			}
			#contenedorTematicas  .campana p.infoCampana span.tag.vip,
			#contenedoMisFavoritos  .campana p.infoCampana span.tag.vip{
				background: #333333 none repeat scroll 0 0 !important;
				color: #f5ce16 
			}
			#contenedorTematicas  .campana p.infoCampana span.tag.favorita,
			#contenedoMisFavoritos  .campana p.infoCampana span.tag.favorita{
				background: #3875d7 none repeat scroll 0 0 !important;
			}
			#contenedorTematicas  .campana p.infoCampana span.tag.favorita i,
			#contenedoMisFavoritos  .campana p.infoCampana span.tag.favorita i{
				color: #f5ce16;
				margin-right: 3px;
			}

			#campanas #sliderCampanas ul#parrillaTematicas li .indicadorFavoritoTematica,
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .indicadorFavoritoTematica{
				color: #f5ce16;
				position: absolute;
				right: 5px;
				top: 5px;
			}

			#campanas #sliderCampanas ul#parrillaTematicas li .indicadorFavoritoTematica i,
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .indicadorFavoritoTematica i{
				font-size: 30px;
				line-height: 30px;
				text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
				cursor: pointer;	
			}
		/*FIN DE IMPRROVE*/


		/*FIN DE TEMATICAS*/

	
	/*FIN DE CAMPAÑAS*/
	
	
	
	/*CAMPAÑAS VS*/

	#contenedorCampanasVs h5 {
			color: #434343;
			font-family: "roboto",sans-serif;
			font-size: 20px;
			line-height: 20px;
			margin-bottom: 20px;
			margin-top: 20px;
			text-align: center;
			text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
			text-transform: none;
		}
	
	#contenedorCampanasVs .botonQt {
		border-radius: 5px;
		box-shadow: 0 4px 0 1px #444444;
		font-size: 25px;
		line-height: 6px;
		margin: 0 0 20px;
		padding: 10px 0;
		text-align: center;
		text-shadow: 0 1px 1px rgba(252, 240, 111, 0.8);
	}
		
		#contenedorOponentes {
			position: relative;
			margin-top: 30px;
			z-index: 150;
		}

		#contenedorOponentes #textoLimiteJuegoTopRanking {
			width: 100%;
			padding: 0 20px;
			box-sizing: border-box;
			text-align: center;
			color: #fff;
			font-size: 15px;
			font-family: 'Robotoc';
			line-height: 18px;
			margin-bottom: 17px;
			font-weight: 600;
			text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
		}
		#contenedorOponentes #textoLimiteJuegoTopRanking b {
			font-size: 20px;
			display: block;
			margin-bottom: 10px;
			color: #333;
			text-shadow: none;
		}
		
		.labelQt {
			background: #ffffff none repeat scroll 0 0;
			border-radius: 15px;
			color: #434343;
			display: block;
			font-family: roboto;
			font-size: 13px;
			font-weight: 600;
			margin: 0 auto;
			padding: 6px 10px;
			text-align: center;
			top: 0 !important;
			width: 140px;
		}
		
		.listadoAmigos {
			margin: 0 auto;
			max-width: 310px;
		}
		
		.amigo {
			margin: 17px 4px 0;
			width: 69px;
			float:left;
			position: relative;
			-webkit-backface-visibility: hidden !important; 
			-webkit-transform: translate3d(0, 0, 0);
		}
		
		.amigo.vs {
			margin: 17px 3px 0;
		}
		/*
		.amigo:not(.vs)::before {
			background: #f5ce16 none repeat scroll 0 0;
			border-radius: 50%;
			box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
			box-sizing: border-box;
			color: #ffffff;
			content: attr(data-nivelamigo);
			font-size: 11px;
			font-weight: 800;
			height: 23px;
			line-height: 10px;
			padding-top: 7px;
			position: absolute;
			right: 0;
			text-align: center;
			text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
			top: 0;
			width: 23px;
			z-index: 151;
		}
		*/
		.amigo:not(.vs)::before {
			background: #f5ce16 none repeat scroll 0 0;
			border-radius: 25px;
			box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
			box-sizing: border-box;
			/*color: #ffffff;*/
			content: attr(data-nivelamigo);
			display: block;
			float: right;
			font-size: 11px;
			/*font-weight: 800;*/
			height: 23px;
			line-height: 10px;
			margin-bottom: -23px;
			padding-top: 7px;
			position: relative;
			right: 0;
			text-align: center;
			/*text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);*/
			top: 0;
			min-width: 23px;
			z-index: 151;
			padding-left: 5px;
			padding-right: 5px;
		
		
			color: #434343;
			font-weight: 700;
			text-shadow: none;
			font-family: 'roboto';
		}
		.amigo:not([data-nivelamigo]):not(.vs)::before{
			display: none;
		}

		#invitarAmigo.amigo::before{
			display: none;
		}
		#amigoRandom.amigo::before{
			display: none;
		}
		
		#contenedorOponentes .listadoAmigos .amigo{
			cursor:pointer;
			position:relative;
		}
		
		#contenedorOponentes .listadoAmigos .amigo:hover, #contenedorOponentes .listadoAmigos .amigo:active{
			opacity:0.6;
		}
		
		/*
		.amigo.amigoLearNNity::after {
			background: #3875d7 none repeat scroll 0 0;
			border-radius: 50%;
			content: url("../img/svg/logolearNNity.svg");
			height: 30px;
			position: absolute;
			right: 0;
			top: 40px;
			width: 30px;
			z-index: 150;
		}*/
		/*
		.amigo.amigoLearNNity::after {
			background: #3875d7 none repeat scroll 0 0;
			border-radius: 50%;
			content: url("../img/svg/logolearNNity.svg");
			display: block;
			float: right;
			height: 30px;
			position: relative;
			right: 0;
			top: -50px !important;
			width: 30px;
			z-index: 150;
		}*/
		
		.amigo.amigoLearNNity::after {
			background: #3875d7 none repeat scroll 0 0;
			border-radius: 50%;
			content: url("../img/svg/logolearNNity.svg");
			display: block;
			float: right;
			height: 30px;
			position: absolute;
			right: 0;
			top: 40px !important;
			width: 30px;
			z-index: 150;
		}


		
		.amigo .bordeImagenAmigo {
			background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
			border-radius: 50%;
			box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
			box-sizing: border-box;
			height: 69px;
			padding: 3px;
			width: 69px;
			position:relative;
			z-index:30;
			opacity:1;
			
			overflow:hidden;
			-webkit-backface-visibility: hidden !important; 
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		
		.amigo .contenedorImagenAmigo {
			
			height: 63px;
			width: 63px;
			
			box-sizing: border-box;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			
			
			
			/*-webkit-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			*/
		}	

		
		
		.amigo .bordeImagenAmigo .imagenAmigo {
			background: rgba(0, 0, 0, 0)  repeat scroll 0 0 / 100% auto;
			/*background-image: url("http://static.questium.es/dataQUESTIUM/usuarios/imagenes/masterd/default/yo4x.jpg");*/
			background-image: url("../img/masterd/default/yo4x.jpg");
			border-radius: 50%;
			display: block;
			height: 63px;
			left: 0;
			opacity: 1;
			position: relative;
			width: 63px;
			
			-webkit-backface-visibility: hidden !important; 
			-webkit-transform: translate3d(0, 0, 0);
		}

		/*ES UN EQUIPO - se usa para la imagen png que no se vea el fondo de mrquest*/
		.amigo.noAnadible.noEstadisticas .bordeImagenAmigo .imagenAmigo{
			background: #fff !important;
		}

		.amigo .nombreAmigo {
			color: #ffffff;
			font-family: "robotoc";
			font-size: 13px;
			line-height: 13px;
			margin-top: 3px;
			text-align: center;
			text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
			text-transform: none;
			width: 100%;
			/*overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;*/
			
			
		}

		.modalQt .amigo .nombreAmigo {
			overflow: visible;
		}
		
		#campanasElegirAmigo #contenedorOponentes .listadoAmigos .amigo {
			min-height: 105px;
		}	
		#amigos #contenedorAmigos .listadoAmigos .amigo {
			min-height: 105px;
		}
						
		#contenedorBatallaResumen {
			margin: 30px auto 0;
			width: 100%;
		}
		div.headerStyle2[data-role="page"] #contenedorBatallaResumen{
			max-width: 640px;
			width: 90%;
			margin: 30px auto 0;
		}

		#contenedorBatallaResumen .listadoAmigos{
			 max-width: 100%;
		}
		
		#contenedorBatallaResumen .contenedorAmigo > #batallaUsuario {
			z-index: 149;
		}
		#contenedorBatallaResumen .contenedorAmigo {
			float: left;
			margin: 0;
			text-align: center;
			width: 33.3%;
			position: relative;
		}


		#contenedorBatallaResumen .contenedorAmigo {
			float: left;
			margin: 0;
			position: relative;
			text-align: center;
			width: 38.5%;
		}
		#contenedorBatallaResumen .contenedorAmigo:nth-child(1) {
			padding-bottom: 80px;
		}
		
		#contenedorBatallaResumen .contenedorAmigo:nth-child(2) {
			width: 23%;
		}
		#contenedorBatallaResumen .amigo {
			float: none;
			margin: 17px auto 0 !important;
			position: relative;
		}

				
		#contenedorBatallaResumen .amigo.vs {
			color: #434343;
			font-size: 26px;
			font-weight: bold;
			letter-spacing: -1.4px;
			position: relative;
			text-align: center;
			text-shadow: 0 2px 2px rgba(255, 255, 255, 0.3);
			top: 17px;
		}
		
		.ObjetoComenzarBatalla {
			color: #ffffff;
			font-family: "roboto",sans-serif;
			font-size: 14px;
			text-align: center;
		}

		.ObjetoComenzarBatalla,
		.mensajeComenzarBatalla{
			padding: 0 20px;
		}

		.mensajeComenzarBatalla >p,
		.ObjetoComenzarBatalla > p,
		.mensajeEnviadoBatalla > p{
			color: #ffffff;
			font-family: "yanone kaffeesatz",sans-serif;
			font-size: 20px;
			text-align: center;
			text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
		}
		
		#mensajeComenzarBatalla > textarea.mensajeComenzarBatallaTextarea{
			font-family: "roboto",sans-serif;
			font-size: 14px;
			font-weight: 100;
			letter-spacing: -0.2px;
			min-height: 70px;
			padding: 10px !important;
			box-shadow: 0px 2px 2px rgba(0,0,0,0.4) !important;
		}
		
		
				
		.mensajeEnviadoBatallaTextarea {
			background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
			border-radius: 10px;
			color: #434343;
			font-family: "roboto",sans-serif;
			font-size: 17px;
			margin-top: -15px;
			padding: 10px;
			text-align: center;
			text-shadow: 0 2px 1px rgba(255, 255, 255, 0.6);
		}
		
		
		/*		
		.contenedorBotonUsuarioBatalla {
			float: left;
			width: 50%;
		}
		*/
		.contenedorBotonUsuarioBatalla {
			clear: both;
			width: 100%;
			text-align: center;
		}
		
		#opcionesUsuarioJuegoBatalla {
			background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
			border-radius: 10px;
			box-sizing: border-box;
			height: 100%;
			padding: 120px 0 0 1px;
			position: absolute;
			top: 0;
			width: 100%;
		}
		
		#botonObjetoUsuarioJuegoBatalla, 
		#botonMensajeUsuarioJuegoBatalla {
			background: var(--colorPrincipalFondo) none repeat scroll 0 0;
			border-radius: 25px;
			margin: 0 auto 10px;
			opacity: 1;
			width: 80%;
			padding: 10px 0;
			box-sizing: border-box;
		}
		#botonObjetoUsuarioJuegoBatalla.desactivado{
			background: #f5ce16 none repeat scroll 0 0;
		}
		#botonMensajeUsuarioJuegoBatalla.desactivado{
			background: #f5ce16 none repeat scroll 0 0;
		}
		
				
		#botonObjetoUsuarioJuegoBatalla img,
		#botonMensajeUsuarioJuegoBatalla img {
			position: relative;
			top: 7px;
			display: none;
		}
				
		
		#botonObjetoUsuarioJuegoBatalla > span, #botonMensajeUsuarioJuegoBatalla > span {
			color: #444444;
			font-family: "roboto",sans-serif;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0.4px;
			position: relative;
			top: 0px;
		}
				
		.listadoObjetosComenzarBatalla {
			background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
			border-radius: 5px;
			min-height: 60px;
			padding: 0;
		}
		
		
		.listadoObjetosComenzarBatalla .objeto {
			float: left;
			margin: 10px 4%;
			width: 25.3%;
			padding: 0 0 9px;
			position: relative;
		}
		.listadoObjetosComenzarBatalla .objeto[data-cantidad]::after {
			content: attr(data-cantidad);
			display: block;
			width: 25px;
			height: 25px;
			background: var(--colorPrincipalFondo);
			position: absolute;
			bottom: 30px;
			right: 5px;
			border-radius: 50%;
			padding-top: 6px;
			box-sizing: border-box;
			text-align: center;
			color: #444444;
			font-weight: 600;
			font-size: 13px;
		}
		
		.listadoObjetosComenzarBatalla .objeto:nth-child(3n+1) {
			clear: both;
		}
		
		.listadoObjetosComenzarBatalla .objeto.objetoSeleccionado {
			background: rgba(245, 231, 22, 0.85) none repeat scroll 0 0;
			border-radius: 11px;
		}
		
		.listadoObjetosComenzarBatalla .objeto > img {
			width: 100%;
		}
		
		.listadoObjetosComenzarBatalla .objeto > span {
			color: #ffffff;
			display: block;
			font-family: "roboto",sans-serif;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 0;
			line-height: 13px;
			text-align: center;
		}
		.listadoObjetosComenzarBatalla .objeto.objetoSeleccionado > span {
			color: #434343;
		}
		
		
		.listadoObjetosComenzarBatalla .descripcionObjeto {
			box-sizing: border-box;
			color: #ffffff;
			display: block;
			font-family: "roboto",sans-serif;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 0;
			line-height: 17px;
			padding: 0 10px 15px;
			text-align: center;
			width: 100%;
		}


		#contenedorBatallaResumen .botonQt {
			border-radius: 5px;
			box-shadow: 0 4px 0 1px #444444;
			cursor:pointer;	
			font-size: 25px;
			line-height: 6px;
			margin: 50px 0 20px;
			padding: 10px 0;
			opacity: 1 !important;
			position:relative;
			text-align: center;
			text-shadow: 0 1px 1px rgba(252, 240, 111, 0.8);
			text-transform: uppercase;
		}
		
	/*FIN DE CAMPAÑAS VS*/

/*FIN DE PAGINA INTERMEDIA*/



/*BATALLA*/

	#batalla{}
	
	#batalla .ui-popup-screen{
		position:fixed !important;
		background: rgba(0,0,0,0.80) !important;
		z-index: 1600 !important;
	}
	#batalla .ui-popup-container{
		z-index: 1601 !important;
	}
	
	#batalla .ui-popup .ui-header {
		display: none;
	}
	
	#batalla .ui-popup.ui-body-inherit{
		border:none !important;
	}
	
	#batalla .header {
		background: #222222 none repeat scroll 0 0;
		box-sizing: border-box;
		height: 67px;
		left: 0;
		padding-bottom: 4px;
		padding-top: 6px;
		position: fixed;
		top: -1px;
		width: 100%;
    	z-index: 2147483628;
	}
	
	#batalla .header ul {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#batalla .header ul li {
		box-sizing: border-box;
		float: left;
		height: 57px;
		list-style: outside none none;
		padding: 0 13px;
		text-align: center;
		width: 33%;
	}
	
	
	#batalla .header ul li:nth-child(1) {
		border-left: medium none;
		padding: 15px 53px 0 3px;
		width: 50%;
		box-sizing:border-box;
		position:relative
	}
	
	#batalla .header ul li:nth-child(1) img {
		box-sizing: border-box;
		height: 24px;
		left: -113px;
		margin: auto;
		opacity: 0.5;
		padding: 0;
		position: absolute;
		right: 0;
		width: 24px;
	}
	
	#batalla .header ul li:nth-child(1) > span#tiempoPregunta {
		color: #ffffff;
		cursor:default;
		font-size: 23px;
		font-weight: 500;
		margin-left: 7px;
		padding-left: 24px;
		position: relative;
		top: -2px;
		font-family: "roboto",sans-serif;
	}
	
	
	#batalla .header ul li:nth-child(1) > span#tiempoPregunta .countdown-period {
		display: none;
	}
	
	
	#batalla .header ul li:nth-child(2) {
		left: 0px;
		margin: auto;
		position: absolute;
		right: 0;
		width: 126px;
	}
	
	#batalla .header ul li:nth-child(2) .separador {
		border-left: 1px solid #181818;
		border-right: 1px solid #333333;
		float: left;
		height: 57px;
		margin: 0;
		width: 0;
	}
	
	#batalla .header ul li:nth-child(2) a#botonUsarObjeto {
		cursor:pointer;
		display: block;
		float: left;
		margin: 0 auto;
		padding: 0 13px;
		position: relative;
		text-align: center;
		width: 70px;
	}
	
	#batalla .header ul li:nth-child(2) a#botonUsarObjeto img {
		height: 47px;
		margin-top: 3px;
	}
	
	#batalla .header ul li:nth-child(2) a#botonUsarObjeto span {
		bottom: -3px;
		color: #ffffff;
		display: block;
		font-size: 9px;
		font-weight: 500;
		left: 0px;
		letter-spacing: -0.4px;
		margin: auto;
		position: absolute;
		right: 0;
		text-align: center;
		width: 65px;
	}
	
	
	#batalla .header ul li:nth-child(3) {
		border-right: medium none;
		padding: 0 13px 0 63px;
		width: 50%;
	}
	
	
	#batalla .header ul li:nth-child(3) a.txtQt.botonQt {
		font-family: "roboto" !important;
		font-size: 13px;
		font-weight: 600;
		margin-top: 11px;
		padding: 10px 0;
		text-shadow:0 1px 1px #f3f3f3;
		z-index:2147483647;
	}
	
	
	#batalla #contenedorBatalla {
		margin-top: 0;
		padding: 0 0 0 !important;
	}
	
	#batalla #contenedorBatalla .pregunta {
		background: #ffffff none repeat scroll 0 0;
		box-shadow:0 5px 0 rgba(0, 0, 0, 0.4);
		margin: 0 0 35px;
		padding: 76px 20px 23px;
	}
	
	#batalla #contenedorBatalla .pregunta span.labelNumeroPregunta {
		background: #333333 none repeat scroll 0 0;
		border-radius: 0 15px 15px 0;
		color: #ffffff;
		display: inline-block;
		font-size: 12px;
		font-weight: 900;
		margin-bottom: 22px;
		margin-left: -20px;
		margin-top: 7px;
		padding: 5px 10px 5px 20px;
		text-transform: none;
		font-family: 'Roboto', sans-serif !important;
	}
	
	#batalla #contenedorBatalla .pregunta .textoPreguntaBatalla{}
	
	#batalla #contenedorBatalla .pregunta .textoPreguntaBatalla p {
		color: #434343;
		font-size: 15px;
		font-weight: 500;
		line-height: 22px;
		margin-top: 0;
		text-transform: none;
		font-family: 'Roboto', sans-serif !important;
	}
	
	#batalla #contenedorBatalla .pregunta .contenedorImagenesPregunta{}
	
	#batalla #contenedorBatalla .pregunta .contenedorImagenesPregunta .mascaraImagenPregunta {
		border-radius: 8px;
		float: right;
		height: 57px;
		margin-left: 25px;
		position: relative;
		width: 65px;
	}
	#batalla #contenedorBatalla .pregunta .contenedorImagenesPregunta .contenedorImagenesPreguntaCuadro{
		border-radius: 8px;
		display:block;
		height: 57px;
		overflow: hidden;
		width: 65px;
	}
	
	#batalla #contenedorBatalla .pregunta .contenedorImagenesPregunta .contenedorImagenesPreguntaCuadro .imagenPregunta {
		height: 100%;
		min-width: 100%;
	}
	
	#batalla #contenedorBatalla .pregunta .contenedorImagenesPregunta .imagenLupa {
		bottom: -10px;
		left: -10px;
		position: absolute;
	}
	
	#batalla #contenedorBatalla .respuestas {
		padding: 0 15px;
		cursor:pointer;
	}
	
	#batalla #contenedorBatalla .respuestas .respuesta {
		background: #ffffff none repeat scroll 0 0;
		border-radius: 5px;
		box-shadow: 0 5px 0 rgba(0, 0, 0, 0.4);
		box-sizing: border-box;
		margin: 0 auto 20px;
		position: relative;
	}
	
	.respuesta.correcta {
		background: #88e19d none repeat scroll 0 0 !important;
	}
	.respuesta.incorrecta {
		background: #ff6760 none repeat scroll 0 0 !important;
	}
	.respuesta.adicional {
		opacity:0.5;
	}
	
		
	#batalla #contenedorBatalla .respuestas .respuesta.animada{
		-webkit-animation: animacionRespuestaPulsada 0.5s 1; 
		animation: animacionRespuestaPulsada 0.5s 1;
	
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}
	
	@-webkit-keyframes animacionRespuestaPulsada {
	  0%   {  transform: scale(1); }
	  45%  {  transform: scale(1.05); }
	  55%  {  transform: scale(1.05); }
	  100% {  transform: scale(1);}
	}
	
	@keyframes animacionRespuestaPulsada {
	  0%   {  transform: scale(1); }
	  45%  {  transform: scale(1.05); }
	  55%  {  transform: scale(1.05); }
	  100% {  transform: scale(1);}
	}
	
	#batalla #contenedorBatalla .respuestas .respuesta .textoRespuesta {
		font-family: "roboto",sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		margin: 0;
		padding: 15px 10px 15px 52px;
		text-transform: none;
	}
	
	#batalla #contenedorBatalla  .respuestas .respuesta .ordenRespuesta {
		background: #ff0000 none repeat scroll 0 0;
		border-radius: 5px 0 0 5px;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
		height: 100%;
		left: 0;
		padding: 0;
		position: absolute;
		text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
		top: 0;
		width: 33px;
	}
	
	
	#batalla #contenedorBatalla .respuestas .respuesta:nth-child(1) .ordenRespuesta{background:#e18897}
	#batalla #contenedorBatalla .respuestas .respuesta:nth-child(2) .ordenRespuesta{background:#dae188}
	#batalla #contenedorBatalla .respuestas .respuesta:nth-child(3) .ordenRespuesta{background:#88e19d}
	#batalla #contenedorBatalla .respuestas .respuesta:nth-child(4) .ordenRespuesta{background:#e1c188}
	
	#batalla #contenedorBatalla  .respuestas .respuesta.correcta .ordenRespuesta{background: rgba(0,0,0,0.2) none repeat scroll 0 0 !important;}
	#batalla #contenedorBatalla  .respuestas .respuesta.incorrecta .ordenRespuesta{background: rgba(0,0,0,0.2) none repeat scroll 0 0 !important;}
	
	#batalla #contenedorBatalla .respuestas .respuesta .ordenRespuesta span {
		bottom: 0;
		height: 26px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 31px;
		font-family: "roboto",sans-serif;
	}
	
	
	
#contenedorBatalla #reporteError {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 15px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.4);
    color: #ffffff;
    /*display: inline;*/
    float: right;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    text-transform: uppercase;
	
	display:none !important;
}


		
	#batalla div[data-short*="popupPhotoPortrait"] a::after,
	#batalla div[data-short*="popupPhotoPortrait"] a::before {
		display: none;
	}

	#batalla div[data-short*="popupPhotoPortrait"] a {
		background: #f5ce16 none repeat scroll 0 0 !important;
		box-sizing: border-box;
		color: #444444 !important;
		display: block !important;
		font-size: 20px;
		height: 30px;
		padding: 1px 0 0 !important;
		right: -7px !important;
		text-indent: 0 !important;
		text-transform: none !important;
		white-space: inherit !important;
		width: 30px;
	}
	
	#batalla #animacionRespuesta{
		position:fixed;
		width:100%;
		height:0px;
		top:0;
		left:0;
		background:#ffffff;
		opacity:0;
	}
	#batalla #animacionRespuesta.animado{
		
		height:100%;
		z-index:999;
		
		-webkit-animation: animacionRespuestaResplandor 0.5s 1; 
		animation: animacionRespuestaResplandor 0.5s 1;
	
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}
	
	@-webkit-keyframes animacionRespuestaResplandor {
	  0%   { opacity: 0 }
	  48%  { opacity: 1 }
	  60%  { opacity: 1 }
	  100% { opacity: 0 }
	}
	
	@keyframes animacionRespuestaResplandor {
	  0%   { opacity: 0 }
	  48%  { opacity: 1 }
	  62%  { opacity: 1 }
	  100% { opacity: 0 }
	}
	
/*FIN DE BATALLA*/



/*BATALLA COMPLETADA*/

	#contenedorBatallaFinalizada {
		clear: both;
		float: none;
		margin-top: 3em;
		text-align: center;
	}	
	#textoCampanaBatallaFinalizada {
		color: #ffffff;
		font-family: "robotoc",sans-serif;
		font-size: 17px;
		font-weight: 400;
		line-height: 20px;
		text-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
		text-align: left;
		max-width: 90%;
		margin: 17px auto 20px;
	}
	#botonVolverMenuBatallaFinalizada{
		border-radius: 5px;
		cursor: pointer;
		font-size: 25px;
		line-height: 6px;
		padding: 10px 0;
		opacity: 1 !important;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		background: #333 !important;
		box-shadow: none !important;
		font-family: 'robotoc' !important;
		color: #fff;
		text-shadow: none !important;
		font-weight: 600;
		width: 90%;
		margin: 0 auto 20px;
	}




	#contenedorBatallaFinalizada > #contenedorBannerCampana {
		background: #fff none repeat scroll 0 0;
		display: block;
		line-height: 0;
		margin: 0;
		min-height: 20px;
		overflow: hidden;
		padding: 0;
		width: 100%;
		position: fixed;
		top: 5%;
		left: 5%;
		max-width: 90%;
		max-height: 90%;
		box-shadow: 0px 4px 2px 2px rgba(0,0,0,0.15);
		z-index: 9999999999999;
	}

	#contenedorBatallaFinalizada > #contenedorBannerCampana p {
		background: #fff;
		padding: 0 10px;
		margin-bottom: 0;
	}

	#contenedorBatallaFinalizada > #contenedorBannerCampana #bannerCampana {
		line-height: 0;
		margin-bottom: 0 !important;
		width: 100%;
	}

	#contenedorBatallaFinalizada > #contenedorBannerCampana a {
		padding: 20px;
		background: #f70038;
		display: inline-block;
		margin-bottom: 20px;
		border-radius: 5px;
		color: #fff;
		text-decoration: none !important;
		margin-top: 20px;
		text-transform: uppercase;
		font-family: 'robotoc';
		font-size: 15px;
		margin-right: 10px;
	}
	#contenedorBatallaFinalizada > #contenedorBannerCampana a.aceptar{
		background: #00d5bc;
	}
	#contenedorBatallaFinalizada > #contenedorBannerCampana a:last-child{
		margin-right: 0px;
	}

/*FIN DE BATALLA COMPLETADA*/



/*AMIGOS*/

	
	
	#amigos .listadoAmigos .labelApp {
	}
	/*
	#amigos .listadoAmigos .labelApp span {
		padding-right:28px;
		box-shadow: none !important;
	}
	*/

	#amigos #contenedorAmigos .listadoAmigos .amigo{cursor:pointer}
	
	/*
	#amigos .listadoAmigos .labelApp span i {
		font-size: 12px;
		padding-top: 11px;
		top:-6px;
	}
	
	#amigos #solicitudesAmistad .labelApp {
		margin-bottom: 10px;
		margin-top: 40px;
	}
		
	#amigos #solicitudesAmistad .labelApp span{
		padding-right:28px;
		box-shadow: none !important;
	}
	*/


	#amigos #solicitudesAmistad .solicitudAmistadUsuario .amigo {
		float: none;
		margin: 0 0 10px;
		-webkit-transform: translate3d(0,0,0);
	}
	
	#amigos #solicitudesAmistad .solicitudAmistadUsuario .amigo::after {
		bottom: 0;
	}

	#amigos #solicitudesAmistad .solicitudAmistadUsuario {
		background: #ffffff none repeat scroll 0 0;
		border-radius: 10px;
		clear: both;
		display: block;
		float: none;
		height: auto;
		margin: 20px 0 15px;
		padding: 8px;
		position: relative;
	}
	
	#amigos #solicitudesAmistad .solicitudAmistadUsuario .amigo .nombreAmigo {
		color: #333333;
	}
	
	#amigos #solicitudesAmistad .solicitudAmistadUsuario .datosUsuario {
		float: left;
		left: 90px;
		position: absolute;
		top: 20px;
	}
	
	#amigos #solicitudesAmistad .solicitudAmistadUsuario .datosUsuario b {
		margin-right: 0px;
		font-family: 'roboto' !important;
	}
	#amigos #solicitudesAmistad .solicitudAmistadUsuario .datosUsuario span {
		font-family: 'roboto' !important;
	}
	#amigos #solicitudesAmistad .solicitudAmistadUsuario .datosUsuario > div {
		font-size: 14px;
		margin-bottom: 5px;
	}
	
	#amigos #solicitudesAmistad .solicitudAmistadUsuario .botonesAccion a {
		font-family: "roboto",sans-serif !important;
		font-size: 13px;
		text-transform: uppercase;
		box-sizing: border-box;
		display: block;
		float: left;
		margin: 0 1%;
		width: 48%;
		border-radius: 3px;
	}
	
	
	
	

	#amigos .solicitudAmistadManualUsuario .botonesAccion {
		text-align: center;
	}
	#amigos .solicitudAmistadManualUsuario .botonesAccion a {
		box-sizing: border-box;
		display: block;
		font-family: "yanone kaffeesatz",sans-serif;
		font-size: 32px;
		margin: 20px auto;
		text-transform: uppercase;
		width: 100%;
		box-shadow: 0 4px 0 1px #333333;
	}


	/*MODAL*/
		#modalAccionesAmigo{
			transform: scale(0);
		}
		#modalAccionesAmigo .amigo .nombreAmigo {
			color: #333333;
			margin-top: 6px;
			text-shadow: none;
		}


		#modalAccionesAmigo.estadisticasJuego .amigo .nombreAmigo {
			color: #ffffff !important;
			font-family: "roboto",sans-serif !important;
			font-size: 21px !important;
			font-weight: 700;
			margin: 2px 0 0 -27px !important;
			padding: 0 !important;
			text-align: center;
			text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
			width: 125px !important;
		}

		#modalAccionesAmigo .modalbody > a {
			box-sizing: border-box;
			display: block;
			font-family: "roboto";
			font-size: 11px;
			margin-bottom: -10px;
			margin-left: 107px;
			margin-top: 20px;
			padding-left: 40px;
			position: relative;
			text-align: left;
			text-transform: uppercase;
		}

		#modalAccionesAmigo .modalbody > a#eliminarAmigo {
			background: #f63b5a none repeat scroll 0 0;
		}


		#modalAccionesAmigo .modalbody > a#eliminarAmigo::before {
			font-size: 25px;
			left: 10px;
			position: absolute;
		}
		#modalAccionesAmigo .modalbody > a#volverAmigo::before {
			font-size: 25px;
			left: 22px;
			position: absolute;
			top: 4px;
		}
		#modalAccionesAmigo .modalbody > a#volverAmigo {
			padding: 0 0 0 18px;
			text-align: center;
		}

		#modalAccionesAmigo .modalbody > div > a {
			background: #3875d7 none repeat scroll 0 0;
			color: #ffffff;
			cursor: pointer;
			display: inline-block;
			margin-bottom: 0px;
			margin-top: 15px;
			padding: 10px;
			box-sizing: border-box;
			font-family: "roboto";
			font-size: 11px;
			text-align: center;
			text-transform: uppercase;
			border-radius: 5px;
		}
		#modalAccionesAmigo .modalbody > div > a#confirmarEliminarAmigo{
			background: #f63b5a none repeat scroll 0 0;
		}

		#modalAccionesAmigo .modalbody > div > a:last-child {
			margin-bottom: 20px;
			margin-top: 10px;
		}

		#modalAccionesAmigo .modalbody > p {
			border-top: 1px dashed #cccccc;
			margin-top: 15px;
			padding-top: 15px;
		}

		#modalAccionesAmigo .modalHeader .amigo.amigoLearNNity::after {
			top: -62px;
		}

		#modalAccionesAmigo .modalHeader .amigo {
			float: none;
			margin: 0 auto 10px;
		}

		#modalAccionesAmigo .modalHeader .amigo:not([data-amigo])::before {
			display: none;
		}

		#modalAccionesAmigo .modalHeader .amigo .nombreAmigo {
			font-size: 15px;
			padding-top: 8px;
		}


		#modalAccionesAmigo.detalleItem:not(.estiloModal2) .modalHeader {
			background: #cccccc none repeat scroll 0 0;
		}

		#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader {
			/*background: #3875d7 none repeat scroll 0 0;*/
			background-image: url("../img/fondo.png");
			color: #ffffff !important;
		}


		#modalAccionesAmigo.detalleItem .modalbody > a {
			float: left;
			margin: 30px 1% 20px;
			min-height: 50px;
			width: 46%;
			border-radius: 5px;
		}
		#modalAccionesAmigo.detalleItem .modalbody > a:first-child:last-child{
			margin: 30px auto 20px;
		}
		#modalAccionesAmigo.detalleItem .modalbody > a#volverAmigo {
			padding-top: 19px;
		}
		#modalAccionesAmigo.detalleItem .modalbody > a#volverAmigo::before {
			top: 12px;
		}
		#modalAccionesAmigo.detalleItem .modalbody > a#cancelarAmigo::before {
			font-size: 18px;
			line-height: 14px;
			margin-right: 7px;
			position: relative;
			top: 2px;
		}

		#modalAccionesAmigo.detalleItem .modalbody .contenido input#emailRecordarDatos {
			background: #f0f0f0 none repeat scroll 0 0;
			border: medium none;
			box-sizing: border-box;
			font-size: 13px;
			padding: 15px 10px;
			text-align: center;
			width: 100%;
		}
	/*FIN DE MODAL*/

/*FIN DE AMIGOS*/




/*MODAL FEEDBACK*/
	#modalAccionesAmigo{
		transform: scale(0);
		overflow-y: auto;
	}
	body.iPhone.navegadorSinSoporte #modalAccionesAmigo{
		overflow-y: scroll;
	}
	#modalFeedback.modalUsuario{
		background: #37cdd2; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#37cdd2, #2c74e0); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#37cdd2, #2c74e0); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#37cdd2, #2c74e0); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#37cdd2, #2c74e0); /* Standard syntax */
		
		border-radius: 3px;
		max-width:318px;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	body.iPhone.navegadorSinSoporte #modalFeedback.modalUsuario{
		overflow-y: scroll !important;
	}

	#modalFeedback.modalDetalleObjeto{
		background: #f7e94c; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#f7e94c, #f5d016); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#f7e94c, #f5d016); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f7e94c, #f5d016); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f7e94c, #f5d016); /* Standard syntax */
		
		border-radius: 3px;
		max-width:318px;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		
		max-height: 80%;
	}

	body.iPhone.navegadorSinSoporte #modalFeedback.modalDetalleObjeto{
		overflow-y: scroll !important;
	}
	#modalFeedback.modalDetalleFeedbackCarta{
		background: #f7e94c; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#f7e94c, #f5d016); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#f7e94c, #f5d016); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f7e94c, #f5d016); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f7e94c, #f5d016); /* Standard syntax */
		
		border-radius: 3px;
		max-width:318px;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		
		max-height: 80%;
	}
	body.iPhone.navegadorSinSoporte #modalFeedback.modalDetalleFeedbackCarta{
		overflow-y: scroll !important;
	}

	#modalFeedback.modalDetalleFeedbackCarta.antichollo{
		background: #a336d3; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#a336d3, #722ddf); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#a336d3, #722ddf); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#a336d3, #722ddf); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#a336d3, #722ddf); /* Standard syntax */
		
		border-radius: 3px;
		max-width:318px;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		
		max-height: 80%;
	}

	body.iPhone.navegadorSinSoporte #modalFeedback.modalDetalleFeedbackCarta.antichollo{
		overflow-y: scroll !important;
	}

	#modalFeedback .imagenModalFeedBackFondo {
		position: absolute;
		width: 105%;
		left: -5%;
		z-index: 150;
		max-height: 100%;
	}

	#modalFeedback .modalHeader{
		background:none;
		padding: 25px 12px 0;
		position: relative;
		z-index: 151;
	}
	#modalFeedback.modalDetalleObjeto .modalHeader {
		padding-top: 66px;
	}

	#modalFeedback.modalDetalleFeedbackCarta .modalHeader {
		padding-top: 66px;
	}
	#modalFeedback.modalDetalleFeedbackCarta.antichollo .modalHeader {
		padding-top: 20px;
	}

	#modalFeedback.nuevaModal .amigo{
		width:100%;
	}
	#modalFeedback.nuevaModal .amigo .bordeImagenAmigo{
		width: 190px;
		height: 190px;
		margin: 0 auto;
		box-shadow: 0px 5px 0 rgba(0,0,0,0.2);
		border: solid 7px #fff;
		padding: 0;
	}

	#modalFeedback.nuevaModal .amigo .bordeImagenAmigo .imagenAmigo {
		width: 176px;
		height: 176px;
	}
	#modalFeedback .amigo .nombreAmigo {
		color: #333333;
		margin-top: 6px;
		text-shadow: none;
	}


	#modalFeedback.estadisticasJuego .amigo .nombreAmigo {
		color: #ffffff !important;
		font-family: "roboto",sans-serif !important;
		font-size: 21px !important;
		font-weight: 700;
		margin: 2px 0 0 -27px !important;
		padding: 0 !important;
		text-align: center;
		text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
		width: 125px !important;
	}

	#modalFeedback.nuevaModal .amigo #accionAmigo {
		position: absolute;
		z-index: 200;
		width: 94px !important;
		display: block;
		margin: auto;
		left: 186px;
		right: 0px;
		padding: 0px !important;
		top: 14px;
		cursor:pointer;
		font-size: 13px;
	}

	#modalFeedback.nuevaModal .amigo #accionAmigo::before {
		display: inline-block;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		text-align: center;
		text-shadow: 0px 3px 0px rgba(0,0,0,0.2);
		box-sizing: border-box;
		box-shadow: 0px 4px 0px rgba(0,0,0,0.2);
		margin-right: 5px;
		line-height: 1;
		
		/*padding-top: 5px;
		font-size: 21px;*/
		
		padding-top: 11%;
		font-size: 100%;
	}
	#modalFeedback.nuevaModal .amigo #accionAmigo.eliminarUsuarioListaAmigos::before{
		background: #f63b5a;
	}
	#modalFeedback.nuevaModal .amigo #accionAmigo.anadirUsuarioListaAmigos::before{
		background: #b1ef7f;
	}
	#modalFeedback.nuevaModal .amigo #accionAmigo span {
		display: inline-block;
		float: right;
		width: 55px;
		font-weight: 600;
		text-shadow: 0px 2px 0px rgba(0,0,0,0.4);
		font-size: 13px;
		text-transform: uppercase;
		font-family: 'pt sans', 'open sans', sans-serif;
		text-align: left;
		line-height: 1;
		padding-top: 2px;
	}



	#modalFeedback .modalbody {
		background: none;
		padding: 0 20px 20px;
		position: relative;
		z-index: 151;
	}

	#modalFeedback .modalFooter {
		position: relative;
		z-index: 151;
	}

	#modalFeedback .modalbody > a {
		box-sizing: border-box;
		display: block;
		font-family: "roboto";
		font-size: 11px;
		margin-bottom: -10px;
		margin-left: 107px;
		margin-top: 20px;
		padding-left: 40px;
		position: relative;
		text-align: left;
		text-transform: uppercase;
	}

	#modalFeedback .modalbody > a#eliminarAmigo {
		background: #f63b5a none repeat scroll 0 0;
	}


	#modalFeedback .modalbody > a#eliminarAmigo::before {
		font-size: 25px;
		left: 10px;
		position: absolute;
	}
	
    #modalFeedback .modalbody > a#modalFeedbackBotonContinuar::before {
		font-size: 25px;left: 12px;
		position: absolute;
		top: 11px;
	}
	#modalFeedback .modalbody > a#modalFeedbackBotonContinuar {
		padding: 14px 10px 14px 40px !important;
		text-align: center;
		background: #383838;
		box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
		font-size: 17px;
		font-family: 'pt sans';
		letter-spacing: 0px !important;
		font-weight: 800;
		width: auto;
		margin: 0;
		float: right;
		min-height: auto;
	}

	#modalFeedback .modalbody > div > a {
		background: #3875d7 none repeat scroll 0 0;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		margin-bottom: 0px;
		margin-top: 15px;
		padding: 10px;
		box-sizing: border-box;
		font-family: "roboto";
		font-size: 11px;
		text-align: center;
		text-transform: uppercase;
		border-radius: 5px;
	}
	#modalFeedback .modalbody > div > a#confirmarEliminarAmigo{
		background: #f63b5a none repeat scroll 0 0;
	}

	#modalFeedback .modalbody > div > a:last-child {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	#modalFeedback .modalbody > p {
		border-top: 1px dashed #cccccc;
		margin-top: 15px;
		padding-top: 15px;
	}

	#modalFeedback .modalbody > p.textoResultadosContraUsuario {
		border: none;
		color: #ffffff;
		margin-bottom: 20px;
		margin-top: 5px;
		padding-top: 0;
		font-family: 'RobotoC', 'open sans', sans-serif;
		font-weight: 800;
		font-size: 18px;
		text-shadow: 0px 2px 1px rgba(0,0,0,0.4);
		cursor: default;
		transition: opacity ease-out 0.25s
	}

	#modalFeedback .modalbody .resultadosContraUsuario {
		margin-bottom: 40px;
		transition: opacity ease-out 0.25s
	}
	#modalFeedback .modalbody .resultadosContraUsuario p {
		width: 42%;
		float: left;
		margin: 0 4%;
		text-align: center;
		cursor:default;
	}

	#modalFeedback .modalbody .resultadosContraUsuario p i {
		display: block;
		font-size: 45px;
		font-family: 'open sans condensed';
		font-weight: 800;
		letter-spacing: -0.4px;
		color: #383838;
		font-style: normal;
		text-align: center;
		line-height: 1;
		cursor:default;
	}
	#modalFeedback .modalbody .resultadosContraUsuario p span{
		display: block;
		font-size: 15px;
		font-family: 'open sans condensed';
		font-weight: 800;
		letter-spacing: -0.4px;
		color: #383838;
		text-align: center;
		line-height: 1;
		cursor:de;
	}



	#modalFeedback .modalHeader .amigo.amigoLearNNity::after {
		/*top: -62px;*/
		display:none;
	}

	#modalFeedback .modalHeader .amigo {
		float: none;
		margin: 0 auto 10px;
	}

	#modalFeedback .modalHeader .amigo:not([data-amigo])::before {
		display: none;
	}

	#modalFeedback .amigo .nombreAmigo {
		margin-top: 14px;
		font-family: 'pt sans', 'open sans', 'roboto';
		font-size: 30px !important;
		font-weight: 800;
		color: #ffffff !important;
		font-style: italic;
		
		height: auto;
		line-height: 1;
		cursor: default;
		
		max-width: 97%;
	}

	#modalFeedback.modalUsuario .amigo .nombreAmigo{
		text-shadow: 4px 0 0 #3597dc, -4px 0 0 #3597dc, 0 4px 0 #3597dc, 0 -4px 0 #3597dc, 2px 2px #3597dc, -2px -2px 0 #3597dc, 2px -2px 0 #3597dc, -2px 2px 0 #3597dc, 0px 3px 6px rgba(0,0,0, 0.75);
	}
	#modalFeedback.modalDetalleObjeto .amigo .nombreAmigo{
		text-shadow: 4px 0 0 var(--colorPrincipalFondo), -4px 0 0 var(--colorPrincipalFondo), 0 4px 0 var(--colorPrincipalFondo), 0 -4px 0 var(--colorPrincipalFondo), 2px 2px var(--colorPrincipalFondo), -2px -2px 0 var(--colorPrincipalFondo), 2px -2px 0 var(--colorPrincipalFondo), -2px 2px 0 var(--colorPrincipalFondo), 0px 3px 6px rgba(0,0,0, 0.75);
	}

	#modalFeedback.modalDetalleObjeto.md .amigo .nombreAmigo{
		text-shadow: 4px 0 0 #f56600, -4px 0 0 #f56600, 0 4px 0 #f56600, 0 -4px 0 #f56600, 2px 2px #f56600, -2px -2px 0 #f56600, 2px -2px 0 #f56600, -2px 2px 0 #f56600, 0px 3px 6px rgba(0,0,0, 0.75);
	}
	#modalFeedback.modalDetalleFeedbackCarta.md .amigo .nombreAmigo{
		text-shadow: 4px 0 0 #f56600, -4px 0 0 #f56600, 0 4px 0 #f56600, 0 -4px 0 #f56600, 2px 2px #f56600, -2px -2px 0 #f56600, 2px -2px 0 #f56600, -2px 2px 0 #f56600, 0px 3px 6px rgba(0,0,0, 0.75);
	}
	#modalFeedback.modalDetalleFeedbackCarta.antichollo .amigo .nombreAmigo{
		text-shadow: 4px 0 0 #c850ef, -4px 0 0 #c850ef, 0 4px 0 #c850ef, 0 -4px 0 #c850ef, 2px 2px #c850ef, -2px -2px 0 #c850ef, 2px -2px 0 #c850ef, -2px 2px 0 #c850ef, 0px 3px 6px rgba(0,0,0, 0.75);
	}



	#modalFeedback.detalleItem .modalbody > a {
		float: left;
		margin: 30px 2% 20px;
		min-height: 50px;
		width: 46%;
		border-radius: 5px;
	}
	#modalFeedback.detalleItem .modalbody > a:first-child:last-child{
		margin: 30px auto 20px;
	}

	#modalFeedback.detalleItem .modalbody > a#volverAmigo::before {
		top: 12px;
		left: 10px;
	}
	#modalFeedback.detalleItem .modalbody > a#cancelarAmigo::before {
		font-size: 18px;
		line-height: 14px;
		margin-right: 7px;
		position: relative;
		top: 2px;
	}

	#modalFeedback.detalleItem .modalbody .contenido input#emailRecordarDatos {
		background: #f0f0f0 none repeat scroll 0 0;
		border: medium none;
		box-sizing: border-box;
		font-size: 13px;
		padding: 15px 10px;
		text-align: center;
		width: 100%;
	}

	#modalFeedback .aciertosBatalla {
		display: none;
	}

/*FIN DE MODAL FEEDBACK*/

/*MODAL CONFIRMACION*/

#modalConfirmacion .modalbody p.parrafoTexto {
	margin-top: 0;
	font-family: 'RobotoC', 'roboto';
	font-size: 18px;
	cursor:default;
}

#modalConfirmacion .modalbody .botonModalConfirmacion {
    width: 50%;
    float: left;
    text-align: center;
}
#modalConfirmacion .modalbody .botonModalConfirmacion i {
    display: block;
    font-size: 45px;
    font-family: 'open sans condensed';
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #383838;
    font-style: normal;
    text-align: center;
    line-height: 1;
    cursor: pointer;
	margin-bottom: 5px;
}

#modalConfirmacion .modalbody .botonModalConfirmacion span {
    display: block;
    font-size: 14px;
    font-family: 'open sans condensed';
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #383838;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
}
/*FIN DE MODAL CONFIRMACION*/





/*ESTADISTICAS*/
#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .amigo{
	height: 90px;
    margin-bottom: -25px;
    width: 90px;
}


#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .amigo .bordeImagenAmigo {
    border: medium none;
    height: 99px;
    padding: 0;
    width: 99px;
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .amigo .bordeImagenAmigo img {
    height: 95px;
	width: 95px;
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .amigo::after, 
#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .amigo::before {
    display: none;
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido {
    margin-top: 40px;
	padding: 0 10px;
	font-family: "roboto";
	font-size: 13px;
}
#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido .numeroTip {
    position: absolute;
    top: -30px;
    right: 20px;
    font-family: 'RobotoC','roboto',sans-serif;
    font-size: 12px;
    font-weight: 600;
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido .numeroTip i.tipAnterior::before {
    position: absolute;
    left: -25px;
    top: -4px;
    font-size: 24px;
    cursor: pointer;
}
#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido .numeroTip i.tipSiguiente::before {
    position: absolute;
    right: -25px;
    top: -4px;
    font-size: 24px;
	cursor: pointer;
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido .itemEstadisticas {
    text-align: left;
	background: rgba(0, 0, 0, 0) url("../img/fondoDatoEstadisticas.jpg") repeat-x scroll left  center;
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido .itemEstadisticas .itemEstadisticasIzq {
	padding-right: 15px;
}


#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido .itemEstadisticas .itemEstadisticasDxa {
    float: right;
	padding-left: 15px;
}
#modalAccionesAmigo.detalleItem.estadisticasJuego .modalbody .contenido .itemEstadisticas span {
    font-family: "RobotoC","roboto",sans-serif;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: -0.6px;
	background:  #fff;
	cursor: default;
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .encabezadoModalMrQuest{
	font-family: 'RobotoC', 'roboto' !important; 
	font-weight: 800; 
	font-size: 190%;
	color: rgb(255, 255, 255); 
	text-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2); 
	margin-bottom: 0;
	position: absolute;
	letter-spacing: -0.8px;
	right: 30px;
	/*top: 65px;*/
	margin-top: 0;
	line-height: 1;
	text-transform: none;
}
#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .encabezadoModalMrQuest{
	font-family: 'RobotoC', 'roboto' !important; 
	font-weight: 800;
	font-size: 180%;
	color: rgb(255, 255, 255);
	text-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
	margin-bottom: 0;
	position: absolute;
	letter-spacing: -0.8px;
	right: 20px;
	bottom: 20px;
	margin-top: 0;
	line-height: 1;
	text-transform: none;
	width: calc(100% - 161px);
}

#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .encabezadoModalConsejoMrQuest {
    font-family: 'RobotoC', 'roboto';
    font-weight: 600;
    font-size: 200%;
    color: rgb(255, 255, 255);
    text-shadow: 0px 2px 2px rgba(48, 48, 48, 0.5);
    margin-bottom: 0px;
    margin-top: 0px;
    position: absolute;
    /*left: 30px;*/
    line-height: 1;
    text-align: left;
    top: 28px;
    text-transform: none;
}
/*
body.mobile #modalAccionesAmigo .encabezadoModalConsejoMrQuest{
	font-size: 240%; 
}
*/
#modalAccionesAmigo .encabezadoModalConsejoMrQuest i{
	font-size: 80%;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -1px;
}
/*
body.mobile #modalAccionesAmigo .encabezadoModalConsejoMrQuest i{
	font-size: 100%;
}
*/
#modalAccionesAmigo .textoModalMrQuest{
	font-family:'roboto', sans-serif; 
	font-size: 108%; 
	line-height:1.18
}
/*
body.mobile #modalAccionesAmigo .textoModalMrQuest{
	font-size: 130%;
	line-height: 1.22;
}
*/
/*FIN DE ESTADISTICAS*/

/*MANDAR INVITACION*/
#modalAccionesInvitarAmigo.detalleItem .modalbody > p {
		border-top: 0 none;
		margin-top: 20px;
		padding-top: 0;
	}



	#modalAccionesInvitarAmigo.detalleItem .modalbody > .contenido #inputEmailAmigo {
		background: #e9e9e9 none repeat scroll 0 0;
		border: medium none;
		box-shadow: none;
		box-sizing: border-box;
		font-family: "RobotoC","roboto",sans-serif;
		font-size: 17px;
		padding: 15px 10px;
		text-align: center;
		width: 100%;
	}


/*FIN DE MANDAR INVITACION*/

/*PERFIL*/
	
	
	#perfil .perfilItem, 
	#perfilAvatarPage .perfilItem{
		position:relative;
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	
	#perfil .perfilSubitem {
		margin-bottom: 30px;
		text-align: left;
	}

	#perfil .perfilSubitem.perfilSubitemPassWord {
		position: relative;
	}
	#perfil .perfilSubitem.perfilSubitemPassWord i {
		color: #ffffff;
		cursor: pointer;
		font-size: 40px;
		padding: 10px;
		position: absolute;
		right: 0;
		z-index: 90;
	}
	
	/*#perfil #perfilAvatar .labelApp{
		text-align:center;
	}
	*/
	/*
	#perfil .labelApp {
		margin-bottom: 10px;
	}*/
	
	#perfil .labelApp {
		margin-bottom: -5px;
		position: relative;
		z-index: 151;
		text-align: left;
	}
	
	/*#perfil #perfilAvatar .labelApp {
		margin-bottom: 30px;
	}*/

	#perfil .labelApp span {
		border-radius: 12px;
		padding: 5px 10px;
	}
	
	#perfil #perfilAvatar .perfilSubitem{
		/*background: rgba(0, 0, 0, 0.25) none repeat scroll 0% 0%;*/
		border-radius: 0px;
		box-sizing: border-box;
		padding: 5px 0px 0px 20px;
		-webkit-backface-visibility: hidden !important; 
		-webkit-transform: translate3d(0, 0, 0);
	}
	
	#perfilIzq {
		position: absolute;
		width: 120px;
	}
	
	#perfilDxa {
		box-sizing: border-box;
		padding-left: 150px;
		width: 100%;
	}
	
	#perfil .amigo {
		box-sizing: border-box;
		float: left;
		margin: 0 0 15px;
		position: relative;
		width: 120px;
	}
	
	#perfil .amigo .bordeImagenAmigo {
		background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
		border-radius: 50%;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
		box-sizing: border-box;
		height: 120px;
		opacity: 1;
		overflow: hidden;
		padding: 3px;
		position: relative;
		width: 120px;
		z-index: 30;
	}
	
	
	#perfil .amigo .imagenAmigo {
		border-radius: 50%;
		box-sizing: border-box;
		height: 114px;
		left: 0;
		opacity: 1;
		position: relative;
		width: 114px;
	}
	
	#perfil .amigo .nombreAmigo {
		font-size: 20px;
	}
	
	
	#perfil #cambiarAvatar {
		border-radius: 12px;
		box-shadow: 0 4px 0 1px #444444;
		clear: both;
		display: block;
		float: none;
		font-weight: 500;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		text-shadow: 0 1px 1px rgba(252, 240, 111, 0.8);
		text-transform: uppercase;
		width: 100px;
	}
	
	.perfilItem .perfilSubitem div.ui-input-text {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
		border: medium none !important;
		box-shadow: none !important;
		position: relative;
	}

	
	.perfilSubitem input[type="text"],
	.perfilSubitem input[type="password"]{
		background: #BA712B none repeat scroll 0 0;
		border: medium none !important;
		border-radius: 25px !important;
		box-shadow: none !important;
		color: #ffffff;
		font-family: 'roboto',sans-serif;
		font-size: 16px;
		font-weight: 400;
		outline: medium none !important;
		padding: 15px;
		text-shadow: none !important;
		
	}
	.perfilSubitem .perfilSubitemFacebook2 span,
	.perfilSubitem .perfilSubitemTwitter2 span{
		font-family: 'roboto',sans-serif;
		position: relative;
		top: 10px;
	}

	.perfilSubitem input[type="text"][name="faceUsuario"] {
		padding-left: 152px !important;
	}

	.perfilSubitem input[type="text"][name="twitterUsuario"] {
		padding-left: 30px !important;
	}
	
	#perfil .botonQt.botonGuardar {
		border-radius: 5px;
		box-shadow: 0 4px 0 1px #333333;
		font-size: 25px;
		line-height: 6px;
		margin: 40px auto 0;
		max-width: 190px;
		padding: 1px 0;
		text-align: center;
		text-shadow: 0 1px 1px rgba(252, 240, 111, 0.8);
	}
	
	#perfil .perfilSubitem > span {
		background: #724014 none repeat scroll 0 0;
		color: #fff;
		display: block;
		font-size: 11px;
		margin: -16px auto 0 auto;
		max-width: 120px;
		padding: 7px 7px 6px;
		position: relative;
		text-transform: uppercase;
		font-family: 'robotoc';
		text-align: center;
		width: 120px;
		border-radius: 25px;
		font-weight: 600;
	}
	.solicitudAmistadManualUsuario .ui-input-text .ion-help-circled {
		position: absolute;
		right: 10px;
		font-size: 36px;
		color: #fff;
		margin-top: 5px;
		cursor: pointer;
	}
	.perfilSubitem input#inputSolicitudManual[type="text"] {
		padding-right: 55px;
	}


	.perfilSubitem input#inputSolicitudManual[type="text"]::-webkit-input-placeholder {
	   color:#fff;
	}

	.perfilSubitem input#inputSolicitudManual[type="text"]:-moz-placeholder { /* Firefox 18- */
	   color:#fff;
	}

	.perfilSubitem input#inputSolicitudManual[type="text"]::-moz-placeholder {  /* Firefox 19+ */
	   color:#fff;
	}

	.perfilSubitem input#inputSolicitudManual[type="text"]:-ms-input-placeholder {  
	   color:#fff;
	}
	
	
	.perfilSubitem input[name="nuevaContrasena"]{
		
		text-align:center;
	}
	.perfilSubitem input[name="nuevaContrasena"]::-webkit-input-placeholder {
	   color:#fff;
	}

	.perfilSubitem input[name="nuevaContrasena"]:-moz-placeholder { /* Firefox 18- */
	   color:#fff;
	}

	.perfilSubitem input[name="nuevaContrasena"]::-moz-placeholder {  /* Firefox 19+ */
	   color:#fff;
	}

	.perfilSubitem input[name="nuevaContrasena"]:-ms-input-placeholder {  
	   color:#fff;
	}


	.perfilItem .perfilSubitem.perfilSubitemIDLearnniry .inputQt[name="idLearNNity"] {
		margin-bottom: 0px !important;
	}

	.perfilItem .perfilSubitem.perfilSubitemIDLearnniry #compartirPorWhatsapp {
		/*display:none;*/
	}

	body.mobile .perfilItem .perfilSubitem.perfilSubitemIDLearnniry #compartirPorWhatsapp {
		display:block;
		/*text-align: center;*/
	}
	.perfilItem .perfilSubitem.perfilSubitemIDLearnniry #compartirPorWhatsapp {
		text-align: right;
		margin-top: 5px;
		margin-bottom: 0px;
	}

	.perfilItem .perfilSubitem.perfilSubitemIDLearnniry #compartirPorWhatsapp span{
		color: #ffffff;
		font-family: 'Open Sans';
		font-weight: 700;
		font-size: 16px;
		line-height: 16px;
		cursor: pointer;
		letter-spacing: -0.4px;
		text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	}
	.perfilItem .perfilSubitem.perfilSubitemIDLearnniry #compartirPorWhatsapp img {
		max-width: 35px;
		margin-left: 15px;
		position: relative;
		top: 10px;
	}
	

	
	#perfil #salirCuentaUsuario.botonQt.botonGuardar {
		background: #f63b5a !important;
		/*
		background: -moz-linear-gradient(top, #f63b5a 0%, #b50d2c 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f63b5a), color-stop(100%,#b50d2c));
		background: -webkit-linear-gradient(top, #f63b5a 0%,#b50d2c 100%);
		background: linear-gradient(to bottom, #f63b5a 0%,#b50d2c 100%);*/
	
		color: #ffffff !important;
		margin-top: 20px;
		/*max-width: 280px !important;
		padding: 10px 0;*/
		/*text-shadow: 0 1px 1px rgba(30, 30, 30, 0.8) !important;*/
		text-shadow:none !important
	}
	
	#perfil #contenedorPerfil > .perfilItem:last-child {
		margin-bottom: 40px;
	}
	
	#perfil .labelApp i {
		float: left;
		margin-right: -15px;
		position: relative;
		top: -8px;
		z-index: 5;
	}
	
	
	#perfil .amigo:not(.vs)::before {
		color: #434343;
		font-size: 14px;
		height: 40px;
		padding-top: 16px;
		text-shadow: none;
		width: 40px;
		top: 20px;
		font-family: 'roboto';
	}

	
	#perfil #contenedorIntereses {
		margin-top: 20px;
	}
	#perfil #contenedorIntereses > div {
		background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
		margin-bottom: 10px;
		margin-top: 0;
		padding: 10px;
	}
	/*	
	#contenedorIntereses > p > input {
		margin-right: 10px;
	}*/
	#perfil #contenedorIntereses > div > p {
		margin: 0px;
	}
	#perfil #contenedorIntereses > div > p > div.icheckbox_flat {
		margin-bottom: 0;
		margin-right: 10px;
		margin-top: -4px;
	}
	
	
	#contenedorIntereses > div > p > span {
		font-family: "roboto",sans-serif;
		font-size: 15px;
		color: #ffffff;
		cursor:pointer;
	}
	
	
		
	#perfil #contenedorIntereses > div > div.preguntaAsociada {
		border-bottom: 1px solid #f5ce16;
		margin-bottom: 0;
		margin-left: 30px;
		padding-bottom: 15px;
		padding-top: 5px;
	}
	#perfil #contenedorIntereses > div > div.preguntaAsociada:last-child{
		border-bottom:none;
	}
	
	
	#perfil #contenedorIntereses > div > div.preguntaAsociada i {
		display: block;
		float: right;
		font-size: 30px;
		height: 30px;
		margin-top: 3px;
		position: absolute;
		right: 24px;
		width: 21px;
	}		
	#perfil #contenedorIntereses > div > div.preguntaAsociada > p {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border-radius: 5px;
		box-sizing: border-box;
		color: #f5ce16;
		font-family: "roboto",sans-serif;
		font-size: 18px;
		padding: 5px;
		text-align: left;
	}
	
	#perfil #contenedorIntereses > div > div.preguntaAsociada > span {
		color: #ffffff;
		display: block;
		font-family: "roboto",sans-serif;
		font-weight: 600;
		text-align: center;
		width: 100%;
	}
	
		
	#perfil #contenedorIntereses > div > div.preguntaAsociada > select {
		border: medium none;
		border-radius: 5px;
		box-shadow: none;
		box-sizing: border-box;
		font-family: "roboto",sans-serif;
		font-size: 15px;
		margin-bottom: 10px;
		padding: 10px;
		width: 100%;
	}
			
		
	
	
	
	#perfilAvatarLocal .perfilSubitem {
		clear: both;
		float: none !important;
		margin: 10px 0 30px;
	}
	
	#perfil #perfilAvatar .amigo {
		float: left;
		 z-index: 150;
	}
	
	#perfil #cambiarAvatar {
		clear: none;
		margin-top: 38px;
	}
	
   
#perfilAvatarLocal .perfilSubitem.paso2 {
    margin-bottom: 100px;
    position: relative;
}

#perfilAvatarLocal .perfilSubitem.paso2 #marcoImagenAvatar{
	position: absolute;
	right: 0px;
	margin: 11px auto 0px;
	width: 240px;
	box-sizing: border-box;
	left: -6px;
	/*z-index: 2147483647;*/
}
#perfilAvatarLocal .perfilSubitem.paso2 #marcoImagenAvatar img {
    box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.15);
}
.cropFrame{
	 background: #ffffff none repeat scroll 0 0;
	  z-index: 200;
}
.cropControls{
	 z-index: 202 !important;
}
#imagenACropear {
    background: #ffffff none repeat scroll 0 0;
    /*border: 4px solid #ff0000;*/
    box-sizing: border-box;
    display: block !important;
    min-height: 120px;
    min-width: 140px;
    z-index: 201;
}


.esqSupIzq {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0 0 50px !important;
    display: block;
    height: 120px;
    position: absolute;
    width: 120px;
    z-index: 150000;
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}
/*FIN DE PERFIL*/

/*OBJETOS*/

#logros .amigo .nombreAmigo,
#objetos .amigo .nombreAmigo {

    font-weight: bold;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 19px;
    text-align: center;
}


#contenedorObjetos .listadoAmigos > div.amigo.vs > div,
#contenedorLogros .listadoAmigos > div.amigo.vs > div {
    text-align: center;
}


#contenedorObjetos .listadoAmigos > div > div.amigo.vs:nth-child(4n+1),
#contenedorLogros .listadoAmigos > div > div.amigo.vs:nth-child(4n+1) {
    clear: both;
}

#contenedorObjetos .listadoAmigos,
#contenedorLogros .listadoAmigos{
    max-width: 450px;
}
#contenedorObjetos .listadoAmigos > div > div.amigo.vs,
#contenedorLogros .listadoAmigos > div > div.amigo.vs {
    width: 140px;
}

#contenedorObjetos .listadoAmigos > div > div.amigo.vs img, #contenedorLogros .listadoAmigos > div > div.amigo.vs img {
    height: 140px;
    width: 140px;
	cursor:pointer;
}

#listadoLogros > div[data-idlogro="5"],
#listadoLogros > div[data-idlogro="8"],
#listadoLogros > div[data-idlogro="10"] {
    display: none;
	
}
#listadoLogros > div{
	clear:none !important;
	min-height:125px;
}
/*FIN DE OBJETOS/*/

/*BATALLAS*/
#contenedorBatallas .batalla {
    border-radius: 5px;
    box-shadow: 0 4px 0 1px #444444;
    margin-bottom: 30px;
	position:relative;
	padding: 0 0 0 8px;
	cursor: default;
}
#contenedorBatallas .batalla.batallaRecibida,
#contenedorBatallas .batalla.batallaResultado{
	cursor:pointer;
}

#contenedorBatallas .batalla.batallaOcultar{
	display: none !important;
}
#contenedorBatallas .batalla[data-idAdversario="0"] {
    /*display: none;*/
}
.botonQt.batalla[data-batallacaducada="true"] {
    /*display: none !important;*/
}


#contenedorBatallas .batalla.batallaRecibida.batallaSiendoJugada::before {
    background: #3875d7 none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 10px;
    color: #ffffff;
    content: attr(data-textoSiendojugada);
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    position: absolute;
    text-transform: uppercase;
}





#contenedorBatallas .batalla .infoBatalla {
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}
/*
#contenedorBatallas .batalla .infoBatalla .txtQt {
    box-sizing: border-box;
    line-height: 30px;
    margin: 8px 0 14px;
    overflow: hidden;
    padding-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #434343;
    font-size: 25px;
}
*/
#contenedorBatallas .batalla .infoBatalla .txtQt {
    box-sizing: border-box;
    color: #434343;
    font-size: 30px;
    letter-spacing: -0.4px;
    line-height: 30px;
    margin: 0 0 14px;
    overflow: hidden;
    padding-bottom: 4px;
    padding-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 85px);
}


#contenedorBatallas .batalla .infoUsuarioBatalla {
    /*background: #ff0000 none repeat scroll 0 0;*/
    height: 70px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 70px;
}
#contenedorBatallas .batalla .infoUsuarioBatalla .amigo {
    margin: 0;
    top: 0;
	z-index: 149;
	cursor: pointer;
}

#contenedorBatallas .batalla.batallaPerdida .infoBatalla .txtQt {
    /*color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8) !important;*/
}


#contenedorBatallasNuevas .labelApp {
    margin-bottom: 20px !important;
}
#contenedorBatallasHistorico .labelApp {
    margin-bottom: 20px !important;
}




#batallas #contenedorBatallas {
    box-sizing: border-box;
    padding: 0 25px;
    width: 100%;
}



#contenedorBatallas #listadoBatallasNuevas {
    margin-bottom: 0px;
    width: 100%;
	position: relative;
}

#contenedorBatallas #listadoBatallasNuevas #contenidoVacioBatallas {
    text-align: center;
}


#contenedorBatallas #listadoBatallasNuevas .mensajeDefecto{
	color: #fff;
	text-align: center;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
	font-family: 'robotoc';
	font-weight: 600;
	line-height: 25px;
	font-size: 18px;
	letter-spacing: 0px !important;
}

#contenedorBatallas #listadoBatallasNuevas #irCampanasDesdeBatallas.botonMensajeDefecto{
	font-size: 19px;
	text-transform: uppercase;
	margin: 0px auto 10px;
	font-family: 'robotoc' !important;
	display: inline-block;
	width: 240px;
	text-align: center;
}



.listadoRanking .amigo.amigoLearNNity::after{
	top: 40px !important;
}

#contenedorBatallas .batalla .infoUsuarioBatalla .amigo.amigoLearNNity::after {
    top: 35px;
}

#contenedorBatallas #contenedorBatallasHistorico {
    margin-top: 0px;
	/*display:none !important;*/
}

#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla{
	display:block;
}
/*
#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla:nth-child(1),
#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla:nth-child(2),
#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla:nth-child(3),
#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla:nth-child(4),
#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla:nth-child(5) {
	display:block
}
*/
#contenedorBatallas #contenedorBatallasHistorico .batalla .infoBatalla .txtQt {
    margin-bottom: 0;
}

#contenedorBatallas #contenedorBatallasHistorico .batalla .infoBatalla span.roboto {
    color: #222222;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 2px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}



#contenedorBatallas #contenedorBatallasHistorico .batalla .infoBatalla > span.roboto {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 25px;
    display: inline-block;
    margin-bottom: 4px;
    margin-left: 0;
    margin-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
}


#contenedorBatallas #contenedorBatallasHistorico .batalla .infoBatalla .resultadoBatallaHistorico span.roboto {
    /*color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;*/
}

#contenedorBatallas .batalla .infoBatalla i.mensajeAdversario {
    display: inline-block;
	width: calc(100% - 10px);
	font-style: normal;
	color: #fff;
	font-size: 13px;
	background: #ed9034;
	border-radius: 5px;
	padding: 5px 5px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 600;
	margin-top: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	position: relative;
}

#contenedorBatallas .batalla.batallaResultado .infoBatalla i.mensajeAdversario {
    margin-bottom: 40px;
}

#contenedorBatallas .batalla .infoBatalla  i.mensajeAdversario > u {
    font-weight: 600;
	font-family: 'Roboto', sans-serif !important;
	font-size: 13px;
	color: #333;
	display: inline-block;
	text-decoration: none;
	background: #ed9034;
	border-radius: 5px 5px 0 0;
	box-sizing: border-box;
	padding-right: 5px;
}

#contenedorBatallas #contenedorBatallasHistorico .batalla.batallaGanada .infoBatalla .resultadoBatallaHistorico span.roboto {
    color: #333333;
    text-shadow: 0 1px 1px #ffffff !important;
}

#contenedorBatallas .batalla.batallaPerdida {
    /*background: #ff0000 none repeat scroll 0 0;*/
	/*
	background: #f45e5e;
	background: -moz-linear-gradient(top, #f45e5e 0%, #c63050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f45e5e), color-stop(100%,#c63050));
	background: -webkit-linear-gradient(top, #f45e5e 0%,#c63050 100%);
	background: linear-gradient(to bottom, #f45e5e 0%,#c63050 100%);*/
	
	background:#f63b5a; 
	text-decoration:none;
	color:#434343;
	-webkit-transition: color 0.01s ease-out;
	transition:color 0.01s ease-out;
	/*cursor:pointer;*/
	/*opacity:0.8;*/
}


#contenedorBatallas .batalla.batallaGanada {
    /*background: #ff0000 none repeat scroll 0 0;*/
	
	background: #5ef4ca;
	/*
	background: -moz-linear-gradient(top, #5ef4ca 0%, #36bc96 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ef4ca), color-stop(100%,#36bc96));
	background: -webkit-linear-gradient(top, #5ef4ca 0%,#36bc96 100%);
	background: linear-gradient(to bottom, #5ef4ca 0%,#36bc96 100%);
	*/
	text-decoration:none;
	color:#434343;
	-webkit-transition: color 0.01s ease-out;
	transition:color 0.01s ease-out;
	/*cursor:pointer;*/
	/*opacity:0.8;*/
}


#listadoBatallasHistorico .fechaBatalla {
    position: absolute;
	top: 5px;
	font-family: 'robotoc';
	font-size: 10px;
	font-weight: 600;
}

#contenedorBatallas .amigo .nombreAmigo {
    font-weight: 700;
    margin-top: 1px;
	width: 100%;
	overflow: hidden;
}


#contenedorBatallas #contenedorBatallasNuevas .batalla .infoBatalla .txtQt {
    margin-bottom: 0;
}
#contenedorBatallas #contenedorBatallasNuevas .batalla .infoBatalla span.roboto {
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 17px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#contenedorBatallas #contenedorBatallasNuevas .batalla.batallaResultado .infoBatalla span.roboto {
    display: block;
    opacity: 0;
}


#contenedorBatallas .batalla.batallaRecibida img.newItem {
    left: 0;
    position: absolute;
    top: -13px;
    z-index: 1700;
}
/*
#contenedorBatallas .batalla.batallaEnviada::after {
	background:#404040 none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    color: #ffffff;
    content: "?";
    display: block;
    font-family: "roboto",sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 30px;
    left: 7px;
    line-height: 31px;
    margin: auto;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
    top: -8px;
    width: 30px;
    z-index: 1500;
}*/


#contenedorBatallas .batalla.batallaEnviada::after {
    background: #404040 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    color: #ffffff;
    content: attr(data-textoBoton);
    display: inline !important;
    font-family: "roboto",sans-serif;
    font-size: 10px;
    font-weight: 700;
    height: auto;
    left: 7px;
    line-height: 17px;
    margin: auto;
    padding: 0 9px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
    top: 6px;
    width: auto;
    z-index: 1500;
}

/*
#contenedorBatallas .batalla.batallaEnviada.batallaSiendoJugada::before {
    background: #3875d7 none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 10px;
    color: #ffffff;
    content: attr(data-textoSiendojugada);
    font-family: "Roboto";
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px 1px;
    position: absolute;
    text-transform: uppercase;
}*/

/*
#contenedorBatallas .batalla.batallaResultado::after {
    background: #4bb59c none repeat scroll 0 0;
    border-radius: 5px;
    bottom: -8px;
    box-shadow: 0 5px 1px 0 rgba(0, 0, 0, 0.5);
    color: #ffffff;
    content: attr(data-textoBoton);
    font-family: "roboto",sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    line-height: 18px;
    margin: auto;
    padding: 7px 5px 3px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
    width: 118px;
}
*/


#contenedorBatallas .batalla.batallaEnviada.batallaSiendoJugada::before {
    background: #3875d7 none repeat scroll 0 0;
	border-radius: 5px;
	color: #ffffff;
	content: attr(data-textoSiendojugada);
	font-family: "Roboto";
	font-size: 9px;
	font-weight: 600;
	padding: 3px 6px 1px;
	position: absolute;
	text-transform: uppercase;
	bottom: 2px;
	right: 2px;
}
#contenedorBatallas .batalla.batallaEnviada.batallaSiendoJugada::after {
    content: none;
}

#contenedorBatallas .batalla.batallaResultado::after {
    background: #4bb59c none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 11px;
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    content: attr(data-textoBoton);
    font-family: "roboto",sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: 8px;
    line-height: 18px;
    margin: auto;
    padding: 7px 5px 3px;
    position: absolute;
    text-align: center;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
    width: 118px;
}
/*FIN DE BATALLAS*/




/*BATALLA RESULTADO*/

#batallaResultado .headerSubpage {
    position: relative;
    width: 100%;
    z-index: 10;
}


#contenedorResultado > #contenedorImagenBatallaResultado {
    margin: 0 0 -80px;
    position: relative;
    text-align: center;
    top: -55px;
    width: 100%;
    z-index: 8;
}

#batallaResultado.headerStyle2 #contenedorResultado > #contenedorImagenBatallaResultado {
    margin-top: 55px;
}

#contenedorResultado > #contenedorImagenBatallaResultado > img {
    width: 85%;
}


#contenedorResultado > #contenedorImagenBatallaResultado > span {
    color: #ffffff;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 50px;
    margin-top: -10px;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}



#contenedorResultado > p#resultadoReto {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    color: #ffffff;
    font-family: "roboto",sans-serif;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: -1px;
    margin: 10px auto 5px;
    max-width: 80%;
    padding: 7px 20px;
    text-align: center;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
	border-radius: 25px;
}


#contenedorResultado > p#resultadoReto span {
    color: #f5e416;
    font-weight: bold;
    margin-left: 20px;
}



#contenedorResultado > #contenedorLogrosResultado {
    margin: 50px auto;
    max-width: 370px;
    position: relative;
	
}


#contenedorResultado > #contenedorLogrosResultado > .logroPantallaResultado {
    margin-bottom: 50px;
    position: relative;
	display:none;
}

#contenedorResultado > #contenedorLogrosResultado > .logroPantallaResultado > .logroPantallaResultadoImagen {
    left: 5px;
    position: absolute;
    top: -20px;
}


#contenedorResultado > #contenedorLogrosResultado > .logroPantallaResultado > .logroPantallaResultadoInfo {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-radius: 0 25px 25px 0;
    box-sizing: border-box;
    margin-left: 60px;
    margin-right: 20px;
    padding: 5px 10px 10px 60px;
    text-align: center;
}

#contenedorResultado > #contenedorLogrosResultado > .logroPantallaResultado > .logroPantallaResultadoInfo > h3 {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 25px;
    display: inline;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    top: -13px;
}

#contenedorResultado > #contenedorLogrosResultado > .logroPantallaResultado > .logroPantallaResultadoInfo > p {
    color: #ffffff;
    font-family: "roboto";
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 0;
}

#contenedorResultado > #contenedorLogrosResultado > .logroPantallaResultado > .logroPantallaResultadoInfo > span {
    color: #f5e416;
    display: block;
    font-family: "roboto";
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
    margin-top: 0;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.4);
}

/*
#contenedorResultado > p#textoResultadoReto {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    font-family: "roboto",sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 20px;
    margin: 30px auto 0px;
    max-width: 90%;
    padding: 30px 120px 30px 10px;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
	cursor:pointer;
}*/


#contenedorResultado > p#textoResultadoReto {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: "roboto",sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 20px;
    margin: 50px 0 -25px -12px;
    padding: 30px 40px;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
    width: calc(100% + 24px);
}

#contenedorResultado > p#textoResultadoReto:empty {
    display: none !important;
}

/*
#contenedorResultado > p#textoResultadoReto span {
    display: block;
    font-family: "yanone kaffeesatz",sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
}*/

#contenedorResultado > p#textoResultadoReto span {
    display: block;
    font-family: "yanone kaffeesatz",sans-serif;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 15px;
}

/*
#contenedorResultado > p#textoResultadoReto img {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
}
*/

#contenedorResultado > p#textoResultadoReto img {
    margin: auto;
    position: relative;
    margin-top: 20px;
    display: block;
}


#contenedorResultado > p#textoResultadoReto a {
    bottom: 0;
    box-sizing: border-box;
    font-size: 22px;
    height: 100px;
    margin: auto;
    padding: 20px 15px;
    position: absolute;
    right: 14px;
    top: 0;
}

#contenedorResultado > p#textoResultadoReto a {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
    box-sizing: border-box;
    right: 0;
	margin-bottom: 50px;
}



#contenedorResultado .amigo {
    margin-left: 40px;
    margin-right: 40px;
}

#batallaResultado #accionesResultadoReto.amigo::before {
    display: none;
}
#batallaResultado #accionesResultadoReto.amigo {
    box-sizing: border-box;
    margin-top: 0;
    padding: 0 20px;
	text-align:center
}

#batallaResultado #accionesResultadoReto.amigo {
    box-sizing: border-box;
	 margin-top: 0;
}
/*
#batallaResultado .listadoAmigos {
    margin-top: 00px !important;
	max-width: 100%;
}
*/

#batallaResultado #contenedorResultado .listadoAmigos {
    margin: 0 auto !important;
    max-width: 100%;
    position: relative;
}

#contenedorResultado #restultadoUsuario {
    float: left;
}

#contenedorResultado #accionesResultadoReto {
    left: 0;
    margin: auto !important;
    position: absolute !important;
    right: 0;
    width: auto !important;
}

#contenedorResultado #restultadoAdversario {
    float: right;
}

#contenedorResultado .amigo.anadirAmigo::after {
    top: -126px !important;
}

#contenedorResultado #restultadoAdversario.amigo::after {
    position: absolute;
    top: 40px !important;
}

#contenedorResultado .amigo.vs {
    margin: 0;
}

#batallaResultado .listadoAmigos .amigo.vs {
    color: #434343;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1.4px;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.3);
    top: 37px;
	font-family: 'RobotoC', 'roboto';
}


#batallaResultado .listadoAmigos #accionesResultadoReto.amigo a {
    box-shadow: 0 5px 0 1px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 120px;
    padding: 5px 10px 10px;
}



#contenedorResultado .listadoAmigos .amigo .aciertosBatalla {
    /*color: #de2c2c;*/
	color: #333;
    font-family: "roboto",sans-serif;
    font-size: 22px;
    font-weight: bold;
    left: -11px;
    position: absolute;
    /*text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);*/
	text-shadow: 3px 3px 0px rgba(255, 255, 255, 1);
    text-transform: uppercase;
    top: 2px;
    width: 100%;
    z-index: 1500;
}



#batallaResultado #contenedorResultado .listadoAmigos #aclaracionBatalla {
    color: #ffffff;
    font-family: "roboto",sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    padding: 0 5px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}



#contenedorResultado .listadoAmigos .amigo.ganador #estrellaWinner {
    left: -10px;
    position: absolute;
    top: 20px;
    z-index: 150;
}

#contenedorResultado .listadoAmigos .amigo.ganador .aciertosBatalla {
    /*color: #5ef4ca !important;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4) !important;*/
	color: #333;
}


#contenedorResultado .listadoAmigos .amigo .aciertosBatalla span {
    font-size: 50px;
    text-align: center;
}

#juegoCartas .separadorTop {
    margin-bottom: 20px;
}

#contenedorJuegoCartas > h1 {
    color: #434343;
    font-family: "Yanone Kaffeesatz",sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-shadow: 0 2px 1px rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
	margin-bottom:0px;
}

#contenedorJuegoCartas > p {
    color: #ffffff;
    font-family: 'robotoc',sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 3px 1px rgba(0, 0, 0, 0.15);
	margin:10px 0 30px;
}


#feedbackCarta,
#feedbackNivel {
    color: #ffffff;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2147483647;
}

#feedbackCarta > h1,
#feedbackNivel > h1 {
    font-family: "yanone kaffeesatz",sans-serif;;
    font-size: 53px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.8);
}
#feedbackCarta p img, 
#feedbackCarta img,
 #feedbackNivel p img, 
#feedbackNivel img{
    margin-top: 40px;
    width: 60%;
}


#feedbackCarta > p,
#feedbackNivel p {
    font-family: "roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 5% 0;
    text-align: center;
    width: 90%;
}

#feedbackCarta > p.subparrafo,
#feedbackNivel > p.subparrafo {
    font-family: "yanone kaffeesatz";
    font-size: 24px;
    font-weight: 600;
}


#feedbackCarta > p > b,
#feedbackNivel > p > b {
    font-weight: 800;
}



#feedbackCarta a.botonQt.txtQt,
#feedbackNivel a.botonQt.txtQt {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
}
/*FIN DE BATALLA RESULTADO*/





/*JUEGO CARTAS*/
/*

.carta {
    float: left;
    margin: 0 1.66% 20px;
    width: 30%;
	display: inline-block;
}
*/

.carta {
    display: inline-block;
    float: left;
    height: 120px;
    margin: 0 1.66% 20px;
    width: 96px;
}

#contenedorJuegoCartas > div#animacionJuegoCartas {
    background: rgba(0, 0, 0, 0) url("../img/fondoJuegoCartas.png") repeat scroll 0px 0 / auto 41px;
    height: 41px;
    width: 100%;
	/*
	bottom: 10px;
	position: fixed;
	*/
	
	position: fixed;
	bottom: 1%;
    left: 0;
    z-index: 999999999999999999999;

}




#contenedorJuegoCartas > div#animacionJuegoCartas.intermedio{
	background-position: 50px 0
}
#contenedorJuegoCartas > div#animacionJuegoCartas.final {
	background-position: 100px 0
}

/* FIN JUEGO CARTAS*/


/*RANKING*/
	
	
	#contenedorRanking .rankingItem {
		clear: both;
		height: 69px;
		position: relative;
		
	}
	
	
	#contenedorRanking .rankingItemPosicion {
		box-sizing: border-box;
		color: #ffffff;
		float: left;
		font-family: "yanone kaffeesatz",sans-serif;
		font-size: 45px;
		height: 69px;
		margin-right: 1.7%;
		padding: 2px 0px 2px 0px;
		text-align: center;
		/*width: 50px;*/
		width: 17.27%;
		text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
	}
	#contenedorRanking .rankingItemPosicion.cifras1{
		font-size: 45px;
	}
		
	#contenedorRanking .rankingItemPosicion.cifras2 {
		font-size: 35px;
		padding-top: 8px;
	}
	
	#contenedorRanking .rankingItemPosicion.cifras3 {
		font-size: 29px;
		padding-top: 12px;
	}
	
	#contenedorRanking .rankingItemPosicion.cifras4 {
		font-size: 23px;
		padding-top: 15px;
	}
	
	#contenedorRanking .rankingItemPosicion.cifras5 {
		font-size: 19px;
		padding-top: 19px;
	}
	
	#contenedorRanking .rankingItemPosicion.cifras6 {
		font-size: 16px;
		padding-top: 20px;
	}
	
	.rankingItemImagen.listadoAmigos {
		float: left;
		margin-right: 1.7%;
		/*max-width: 90px;*/
		width: 69px;
		/*width: 27.58%;*/
	}
	
	#contenedorRanking .amigo {
		margin-left: 0;
		margin-top: 0 !important;
		margin-right: 0;
	}

	#contenedorRanking .amigo:not(.vs)::before {
		padding-top: 7px;
	}

	#contenedorRanking .amigo .bordeImagenAmigo {
		margin-right: 0;
		margin-left: 0;
	}
	
	.rankingItemAlias {
		box-sizing: border-box;
		color: #ffffff;
		float: left;
		font-family: "yanone kaffeesatz",sans-serif;
		font-size: 22px;
		height: 69px;
		padding: 15px 0px;
		/*width: 90px;*/
		width: 31.03%;
		width: calc(63% - 90px);
		text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
		margin-right: 0;
		margin-left: 5px;
	}

		
	.rankingItemAlias > span.etiquetaRanking {
		background: #333333 none repeat scroll 0 0;
		border-radius: 25px;
		float: left;
		font-family: "roboto",sans-serif;
		font-size: 9px;
		font-weight: 600;
		max-width: 100%;
		padding: 2px 6px;
		text-align: center;
		text-shadow: none !important;
		text-transform: uppercase;
		position: relative;
	}
		
	

	.rankingItemAlias > span img {
		bottom: 0;
		height: 10px;
		left: 3px;
		margin: auto;
		position: absolute;
		top: -1px;
	}

	.listadoRanking .rankingItem .rankingItemAlias > span.etiquetaRanking.topRanking {
		background: #3875d7 none repeat scroll 0 0;
		box-sizing: border-box;
		color: #ffffff;
		/*max-width: 83px;*/
		padding: 2px 4px 2px 15px;
	}
	
	.listadoRanking .rankingItem .rankingItemAlias > span:empty{
		display:none !important;
	}
		
	/*.rankingItemAlias > i {
		display: block;
		font-style: normal;
	}*/
	

	.rankingItemAlias > i {
		display: block;
		font-style: normal;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		word-wrap: break-word;
		line-height: 37px;
	}
	.listadoRankingEquipos .rankingItemAlias > i {
		white-space: normal;
		line-height: 19px;
		font-family: 'RobotoC', 'Roboto', arial;
		font-size: 15px;
		font-weight: 600;
		margin-top: 10px;
	}
	
	
	.rankingItemExperiencia {
		box-sizing: border-box;
		color: #ffffff;
		float: right;
		/*font-family: "yanone kaffeesatz";*/
		/*font-size: 25px;*/
		height: 69px;
		padding: 15px 0px 0;
		text-align: center;
		text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
		/*width: 55px;*/
		width: 18.96%;
	}

	.rankingItemExperiencia{
		font-family: 'robotoc';
		font-size: 20px;
		letter-spacing: -0.8px !important;
		font-weight: 600;
	}

	.rankingItemExperiencia .rankingGrupalPuntos{}

	.rankingItemExperiencia .rankingGrupalMedia{
		display: none;
	}
	
	#contenedorRanking .rankingItemCabecera .rankingItemPosicion {
		font-size: 19px;
		text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
	}
	
	
	#contenedorRanking .rankingItemImagen.listadoAmigos{
		box-sizing: border-box;
		color: #ffffff;
		float: left;
		font-family: "yanone kaffeesatz";
		font-size: 25px;
		height: 69px;
		padding: 0px;
		text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
	}
	
	#contenedorRanking .rankingItemCabecera > div {
		font-size: 18px !important;
		height: 20px !important;
		padding-top: 0 !important;
		text-align: center !important;
	}

	.rankingItem.rankingItemCabecera {
		background: #333333 none repeat scroll 0 0;
		height: 27px !important;
		border-radius: 5px 5px 0 0;
		max-width: 90%;
		margin: 0 auto 0 !important;
	}

	
	#contenedorRanking .rankingItem:not(.rankingItemCabecera) {
		border-bottom: 2px dashed #ffffff;
		margin: 0 auto;
		padding: 15px 0 !important;
		max-width: 90%;
	}

	#contenedorRanking .rankingItem[data-amigo="true"] {
		/*background: rgba(56, 117, 215, 0.5) none repeat scroll 0 0;*/
		background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	}
	
	
	#contenedorRanking .rankingItem:last-child {
		border: medium none;
	}

	#contenedorRanking .rankingItem[data-textoitemranking]::before{
		background: #333;
		color: #ffffff;
		content: attr(data-textoItemRanking);
		font-family: 'RobotoC', 'roboto' !important;
		font-weight: 600;
		left: 6px;
		padding: 4px 5px;
		position: absolute;
		top: 6px;
		text-transform: uppercase;
		font-size: 13px;
		border-radius: 25px;
	}
	#contenedorRanking .rankingItem:last-child::before {
		background: #ff0000 none repeat scroll 0 0;
		
	}
	
	#ranking .headerSubpage p {
		margin-bottom: 40px !important;
	}
	/*
	#ranking .headerSubpage p {
		margin-bottom: -32px;
		position: relative;
		top: -45px;
	}
	*/


	#ranking #selectoresRanking{
		text-align: center;
		margin-bottom: 10px;
		position: relative;
z-index: 151;
	}
	#ranking #selectoresRanking .selectoresRankingItem{
		margin-top: 0px;
		margin-bottom: 0px;
		display: inline-block;
		font-family: 'roboto';
		background: #333;
		color: #fff;
		text-align: center;
		border-radius: 5px;
		padding: 3px 8px;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 600;
		opacity: 0.4;
	}

	#ranking #selectoresRanking .selectoresRankingItem.activo{
		opacity: 1;
	}
	#ranking #selectoresRanking .selectoresRankingItem:not(.activo){
		cursor: pointer;
	}
	
	#nombreRanking {
		color: #ffffff;
		font-family: "yanone kaffeesatz",sans-serif;
		font-size: 23px;
		margin: 0 auto 20px;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
		white-space: pre-wrap;
		width: 324px;
	}
	
	#subirRanking {
		position: fixed;
		right: 20px;
		bottom: 30px;
		font-size: 20px;
		width: 30px;
		height: 30px;
		background: #282828;
		color: #fff;
		border-radius: 50%;
		text-align: center;
		padding-top: 2px;
		box-sizing: border-box;
		margin-top: 0;
		cursor: pointer;
	}


	#contenedorRanking .rankingItem.miPosicionRanking {
		background: rgba(33,33,33,0.5) none repeat scroll 0 0;
	}
	

	#contenedorRanking #orderRanking {
		text-align: right;
		height:auto;
		padding-top: 0 !important;
		display: none;
		border-bottom: none;
	}

	#contenedorRanking #orderRanking span{
		font-style: normal;
		margin-top: 0px;
		margin-bottom: 0px;
		display: inline-block;
		font-family: 'roboto';
		color: #fff;
		text-align: center;
		border-radius: 5px;
		padding: 0px 8px;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 600;
		text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
	}
	#contenedorRanking #orderRanking  #selectOrderByGrupal {
		position: relative;
		z-index: 99999999999;
		background: #333;
		border: none;
		color: #fff;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 800;
		padding: 5px 5px 3px;
		border-radius: 5px;
		overflow: hidden;
		line-height: 11px;
	}
	
	
		/*IMPROOVE DE CAMPANAS*/
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaExpirada{
				box-sizing: border-box;
				width: 85%;
			}
			
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaExpirada{
				min-height: 80px;
			}

			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li:not([data-campanaid="0"])::after, 
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li::after,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva::before, 
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaExpirada::before {
				background: none;
				border-radius: 0;
				bottom: 0;
				box-shadow: none;
				box-sizing: border-box;
				color: #333;
				height: 30px;
				margin: 0 auto;
				padding-left: 1px;
				padding-top: 0px;
				position: absolute;
				right: -47px;
				text-align: center;
				top: 0px;
				width: 40px;
			}


			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li:not([data-campanaid="0"])::after {
				top: -5px;
			}
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li::after {
				top: -5px;
			}

			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li:not([data-campanaid="0"])::after, 
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li::after{
				content:"\f344";
				font-family: 'ionicons' !important;
				padding-top: 2px;
			}

			

			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li .botonRakingCampana, 
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li .botonRakingCampana,

			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva .botonRakingCampana,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaExpirada .botonRakingCampana {
				/*background: rgb(255, 0, 0) none repeat scroll 0 0;*/
				/*bottom: 0;*/
				cursor: pointer;
				display: block;
				height: 25px;
				margin: auto;
				position: absolute;
				right: -50px;
				top: 0px;
				width: 40px;
				z-index: 1500;
			}
			

			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li .botonRakingCampana::after,
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li .botonRakingCampana::after,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaActiva .botonRakingCampana::after,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana.campanaExpirada .botonRakingCampana::after {
				bottom: -8px;
				color: #333;
				content: attr(data-textoBoton);
				font-family: "robotoc",sans-serif;
				font-size: 12.4px;
				font-style: normal;
				font-weight: bold;
				left: -3px;
				position: absolute;
				text-shadow: none;
				text-align: center;
			}


			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li .botonRakingCampana::after,
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li .botonRakingCampana::after{
				bottom: -15px;
			}


			#contenedorRanking .listadoRankingEquipos .rankingItem.miPosicionRanking::before {
				content: attr(data-miEquipo);
				position: absolute;
				background: #f4cf16;
				color: #333;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: 600;
				padding: 3px 5px 1px;
				border-radius: 15px;
				/*left: calc(17.27% + 13px);*/
				left: calc(17.27% + 9px);
				z-index: 99;
				bottom: 10px;
			}

			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li .botonCampanaWhatsapp,
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li .botonCampanaWhatsapp,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .botonCampanaWhatsapp {
				width: 40px !important;
				/*overflow: hidden;*/
				height: 30px;
				position: absolute;
				right: -45px;
				/*bottom: 10px;*/
				top: 55px;
				margin: 0;
			}

			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li .botonCampanaWhatsapp img,
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li .botonCampanaWhatsapp img,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .botonCampanaWhatsapp img {
				width: 60%;
				height: auto;
				position: relative;
				margin-left: 4px;
			}
			
			#campanas #sliderCampanas ul#parrillaTematicas.listadoCampanas > li .botonCampanaWhatsapp span,
			#campanas #sliderCampanas ul#parrillaCampanasFavoritas.listadoCampanas > li .botonCampanaWhatsapp span,
			#contenedorCampanas .contenedorTipoCampana .listaCampanas .campana .botonCampanaWhatsapp span{
				bottom: -12px;
				color: #333;
				font-family: "robotoc",sans-serif;
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				left: 0;
				position: absolute;
				text-shadow: none;
				text-transform: none !important;
				display: block;
				width: 40px;
				text-align: center;
			}


			#ranking #contenedorRanking {
				position: relative;
				z-index: 150;
			}

			#ranking #fondoRanking {
				position: fixed;
				bottom: -10px;
				left: 0;
				z-index: 1;
				width: auto;
			}

			#ranking #fondoRanking img {
				width: 100%;
			}
			
		/*FIN DE IMPROOVE DE CAMPANAS*/



/*FIN DE RANKING*/






/*IMPROOVE DE NUEVO VERSUS*/
#campanasComenzarBatalla {

	
	/*background: url("../img/fondoVersusClass.jpg") no-repeat center center fixed !important;*/
	
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

#contenedor #campanasComenzarBatalla.headerStyle2 .headerSubpage {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    position: absolute;
}

#contenedor #campanasComenzarBatalla.headerStyle2 .headerSubpage > *:not(.botonVolverSubHeader){
	display: none;
}

#campanasComenzarBatalla.headerStyle2[data-role="page"] h4.tituloCampanaIntermedia {
    border-bottom: medium none !important;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-family: "PT sans" !important;
    font-size: 20px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 0;
    padding: 0 30px 0 20px;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.4);
    width: 100%;
    margin-top: 0;
}

#campanasComenzarBatalla.headerStyle2 h5.textoBatalla {
    color: rgb(245, 206, 22);
	font-family: "PT sans" !important;
	font-size: 45px;
	font-style: italic;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 54px;
	margin: 30px 10% 0px 10%;
	text-shadow: 0 4px 0 rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
	width: 80%;
	text-align: center;
	box-sizing: border-box;
	padding-right: 0px;
}

#campanasComenzarBatalla #contenedorBatallaResumen {
    margin-top: 30px;
    width: 100%;
}
#campanasComenzarBatalla #contenedorBatallaResumen .listadoAmigos{
	position: relative;
}
#campanasComenzarBatalla #contenedorBatallaResumen .listadoAmigos .contenedorAmigo:nth-child(1) {
    width: 50%;
	padding-bottom: 0;
}

#campanasComenzarBatalla #contenedorBatallaResumen .listadoAmigos .contenedorAmigo:nth-child(3) {
    width: 50%;
}


#campanasComenzarBatalla #contenedorBatallaResumen .listadoAmigos .contenedorAmigo:nth-child(2) {
    bottom: 80px;
    float: none !important;
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 150;
}

#campanasComenzarBatalla #contenedorBatallaResumen .contenedorAmigo > .amigo:not(.noAnadible) {
    border: medium none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0;
    width: 100% !important;
}

#campanasComenzarBatalla #contenedorBatallaResumen .listadoAmigos .contenedorAmigo:nth-child(2) .amigo.vs {
    color: #fff;
    font-family: "PT sans" !important;
    font-size: 60px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 !important;
    text-align: center;
    text-shadow: -7px 0 rgb(0, 0, 0), 0 7px rgb(0, 0, 0), 7px 0 rgb(0, 0, 0), 0 -7px rgb(0, 0, 0), -7px 0 7px rgb(0, 0, 0), 0 7px 7px rgb(0, 0, 0), 7px 0 7px rgb(0, 0, 0), 0 -7px 7px rgb(0, 0, 0);
	text-shadow: 8px 0 0 #222728, -8px 0 0 #222728, 0 8px 0 #222728, 0 -8px 0 #222728, 8px 4px #222728, -4px -4px 0 #222728, 4px -4px 0 #222728, -4px 4px 0 #222728, 0px 3px 6px rgba(0,0,0, 0.75);
		
    text-transform: uppercase;
    top: -15px;
}
#contenedorBatallaResumen .contenedorAmigo > .amigo::after, 
#contenedorBatallaResumen .contenedorAmigo > .amigo::before {
    display: none !important;
}



#contenedorBatallaResumen .contenedorAmigo > .amigo:not(.noAnadible) > .bordeImagenAmigo {
    border: medium none;
    border-radius: 0 !important;
    height: 100%;
    padding: 0 !important;
    width: 100%;
}

#contenedorBatallaResumen .contenedorAmigo > .amigo:not(.noAnadible) > .bordeImagenAmigo > .contenedorImagenAmigo {
    border-radius: 0 !important;
    height: auto;
    width: 100%;
}


#contenedorBatallaResumen .contenedorAmigo > .amigo:not(.noAnadible) > .bordeImagenAmigo > .contenedorImagenAmigo > .imagenAmigo {
    border-radius: 0 !important;
    height: auto;
    width: 100%;
}

#contenedorBatallaResumen .contenedorAmigo > .amigo:not(.noAnadible) > .nombreAmigo {
    position: relative;
    z-index: 50;

    font-family: "PT sans" !important;
    font-size: 27px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 0;
    margin: 10px 0 0;
    text-align: center;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.4);
	
	line-height: 25px;
}

#contenedorBatallaResumen #batallaUsuario #grupoUsuario .nombreAmigo, 
#contenedorBatallaResumen #batallaOponente #grupoOponente .nombreAmigo {
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 16px;
    text-align: center;
}

#contenedorBatallaResumen .contenedorAmigo #opcionesUsuarioJuegoBatalla {
	background: none;
    box-sizing: border-box;
    padding: 0px;
    position: relative;
    width: 100%;
    margin-top: 30px;
}


#contenedorBatallaResumen #botonComenzarBatalla {
    background: rgb(56, 56, 56) none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 50px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    color: rgb(255, 255, 255) !important;
    display: inline-block;
    float: none !important;
    font-family: 'robotoc' !important;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0 !important;
    line-height: 15px;
    margin: 0 auto 0 0;
    padding: 0 20px 0 50px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.75) !important;
    z-index: 11;
}

#contenedorBatallaResumen #botonComenzarBatalla {
    bottom: 30px;
	margin-top: 50px;
	position: fixed;
	float: right !important;
	cursor: pointer;
	z-index: 100;
}

#contenedorBatallaResumen #botonComenzarBatalla::before {
    color: #88e19d;
	font-size: 32px;
	left: 15px;
	position: absolute;
	top: 10px;
}



/*FIN DE IMPROOVE NUEVO VERSUS*/




#batallaFinalizada .separadorTop {
    display: none;
}












/*PERSONALIZACION MASTERD*/

	html, body, #fondoBlanco {
		background-color: var(--colorPrincipalFondo)
	}

	.ui-content{
		padding: 1em 20px;

	}


	div#headerPPal{
		box-shadow: none;
		top: 0;
		background-color: var(--colorPrincipalFondo);
		padding-top: 23px !important;
		opacity: 1;
	}
	#headerPPal.headerPPalEscondido {
		top: -90px;
		opacity: 0;
		background-color: transparent;
	}

	body.iPhone.navegadorSinSoporte #headerPPal.headerPPalEscondido {
		top: 0px;
		display: none;
	}

	#contenedor:not(.headerPPalEscondido) .ui-page.headerStyle2 .separadorTop {
		margin-bottom: 90px;
	}

		
		
	div#headerPPal #yo{
		display: none
	}

	div#headerPPal #datosUsuario {
		padding-left: 10px;
		padding-right: 10px;
	}

	#contenedor div#headerPPal #datosUsuario #infoUser {
		display: none;
	}
	div#headerPPal #datosUsuario #dataUserStamina {
		background: none;
	}
	#separadorDataUser {
		display: none;
	}
	div#headerPPal #datosUsuario #dataUserExperiencia{
		background: none;
	}

	#contenedor div#headerPPal #datosUsuario #dataUserExperiencia > span, 
	#contenedor div#headerPPal #datosUsuario #dataUserStamina > span{
		color: #333333
	}

	div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia p span {
		background-color: #fff;
	}
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p span{
		background-color: #fff;	
	}

	div[data-id="headerPPal"] #datosUsuario #dataUserExperiencia p u {
		background: #af6730 none repeat scroll 0 0;
		height: 3px;
		top: -4px;
	}
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p u{
		background: #af6730 none repeat scroll 0 0;
		height: 3px;
		top: -4px;
	}
	div[data-id="headerPPal"] #datosUsuario #dataUserStamina p i{
		top: -20px;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	}




	#menu .gridMenu > div.botonCampana{
		/*width: 158px;*/
		margin-top: 82px;
		margin-left: 117px;
		position: relative;
		width: auto;
	}
	#menu .gridMenu .botonCampana a {
		height: auto !important;
		background: #333;
		
		background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) !important;
		background-image: -webkit-linear-gradient(top, #333, #000) !important;
		background-image: -moz-linear-gradient(top, #333, #000) !important;
		background-image: -o-linear-gradient(top, #333, #000) !important;
		background-image: linear-gradient(to bottom, #333, #000) !important;
		background: linear-gradient(to bottom, #444, #000) !important;
		
		box-shadow: none;
		border-radius: 5px !important;
		overflow: hidden;
		padding: 17px 10px;
		width: auto;
	}

	#menu .gridMenu .botonCampana a.animado{
		-webkit-animation: animacionBotonCampana 2.5s infinite; 
		animation: animacionBotonCampana 2.5s infinite;
	
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	@-webkit-keyframes animacionBotonCampana {
	  0%   { top: 0px; background: #333;}
	  50%  { top: 15px; background: #444;}
	  100% { top: 0px; background: #333;}
	}
	
	@keyframes animacionBotonCampana {
	  0%   { top: 0px; background: #333;}
	  50%  { top: 10px; background: #444;}
	  100% { top: 0px; background: #333;}
	}

	#menu .gridMenu .botonCampana a p.elementosboton {
		color: #fff;
		text-shadow: none;
		position: relative;
		bottom: auto;
		margin: 0px !important;
		padding: 0px !important;
		font-size: unset;
	}
	#menu .gridMenu .botonCampana a p.elementosboton span {
		font-family: 'Robotoc', sans-serif !important;
		font-size: 17px;
		line-height: 17px;
		margin: 0px !important;
		padding: 0px !important;
		text-shadow: none !important;
		font-weight: 600;
	}

	#menu .gridMenu .botonCampana #sombraBotonNuevaPartida{
		position: absolute;
		right: 0;
		bottom: -25px;
		z-index: 1500;
		width: 100%;
		height: 22px;
	}

	#menu .gridMenu .botonCampana #sombraBotonNuevaPartida.animado{
		-webkit-animation: animacionSombraBotonNuevaPartida 2.5s infinite; 
		animation: animacionSombraBotonNuevaPartida 2.5s infinite;
	
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	
	}

	@-webkit-keyframes animacionSombraBotonNuevaPartida {
	  0%   { width: 100%; right: 0px; opacity: 0.4; }
	  50%  { width: 80%; right: 10px; opacity: 1; }
	  100% { width: 100%; right: 0px; opacity: 0.4; }
	}

	@keyframes animacionSombraBotonNuevaPartida {
	  0%   { width: 100%; right: 0px; opacity: 0.4;}
	  50%  { width: 80%; right: 10px; opacity: 1; }
	  100% { width: 100%; right: 0px;opacity: 0.4;}
	}







	#contenedorBatallas {
		clear: both;
		z-index: 150;
		position: relative;
		top: 6px;
		padding-bottom: 50px;
	}
	#contenedorBatallas .batalla {
		background: #fff;
		/*min-height: 83px;*/
		padding: 0;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.35);
		margin-bottom: 15px;
	}






	#contenedor #menu #fondoMenu {
	   position: fixed;
		top: 0;
		left: 0px;
		width: 100%;
		z-index: 140;
	}
	#contenedor #menu #fondoMenu #paisajeFondoMenu {
		width: 100%;
		margin-top: 90px;
	}

	body.OriginalEdition #contenedor #menu #fondoMenu #paisajeFondoMenu{
		display: none;
	}
	#contenedor #menu #fondoMenu #siluetaFondoMenu {
		width: 68px;
		height: 153px;
		position: fixed;
		top: 97px;
		left: -220px;
		z-index: 145;
		opacity: 0.2;
		transition: all 0s ease-out;
	}

	#contenedor #menu #fondoMenu #siluetaFondoMenu.animado {

		left: 20px;
		opacity: 1;
		transition: all 0.60s ease-out;
	}

	#contenedor #menu #fondoMenu #logoMasterDFondoMenu {
		width: 74px;
		height: 9px;
		position: fixed;
		top: 105px;
		right: 20px;
	}


	#contenedor > #indicadorVersion {
		left: -18px;
		right: auto;
		/*top: 40px;*/
		bottom: 75px;
		margin: auto;
		display: inline-block;
		width: 48px;
		z-index: 150;
		height: 9px;
		transform: rotate(270deg);
		font-size: 9px;
		text-shadow: none !important;
		font-family: 'Roboto' !important;
	}

	#contenedor #splash.ui-page-active ~ #indicadorVersion {
		bottom: 20px;
		transform: rotate(0);
		left: 10px !important;
	}


	#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader{
		background-color: var(--colorPrincipalFondo) !important;
		background-image: none !important;
		position: relative;
	}


	#contenedorBatallas .batalla .infoBatalla {
		padding-left: 75px;
		padding-top: 18px;
		padding-bottom: 27px;
	}
	

	
	#contenedorBatallas .batalla .infoUsuarioBatalla {
		left: 5px;
		right: auto;
		top: 10px;
		width: 59px;
		height: 59px;
	}

	#contenedorBatallas .batalla .infoUsuarioBatalla .amigo {
		width: 59px;
		height: 59px;
	}
	#contenedorBatallas .batalla .infoUsuarioBatalla .amigo:not(.vs)::before {
		top: auto;
		bottom: 0 ;
		left: 0px ;
		right: auto ;
		background: var(--colorPrincipalFondo);
		color: #fff;
		position: absolute;
		margin: 0;
	}
	#contenedorBatallas .batalla .infoUsuarioBatalla .amigo .bordeImagenAmigo {
		width: 59px;
		height: 59px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		background: #fff;
	}
	#contenedorBatallas .batalla .infoUsuarioBatalla .amigo .bordeImagenAmigo .imagenAmigo {
		width: 53px;
		height: 53px;
	}
	#contenedorBatallas .batalla .infoUsuarioBatalla .amigo .nombreAmigo {
		display: none;
	}

	#contenedorBatallas .batalla .infoBatalla .resultadoTemporal {
		margin: 0;
	}
	
	#contenedorBatallas .batalla .infoBatalla .txtQt {
		font-family: 'Roboto' !important;
		font-size: 14px;
		color: #434343;
		text-shadow: none !important;
		font-weight: 600;
		letter-spacing: -0.4px;
		margin-right: 0;
		margin-bottom: 0 !important;
		padding-bottom: 0px;
		width: 100%;
		text-overflow: unset;
		white-space: unset;
		line-height: 16px;
		padding-right: 10px;
	}
	#contenedorBatallas .batalla .infoBatalla span.roboto {
		padding-left: 0px;
		position: absolute;
		top: 5px;
		right: 5px;
		font-family: 'RobotoC', 'Roboto' !important;
		font-size: 11px !important;
		color: #ed9034 !important;
		text-shadow: none !important;
		font-weight: 400 !important;
		padding-bottom: 0 !important;
	}

	#contenedorBatallas .botonQt.batalla.batallaEnviada::after {
		left: auto;
		right: 5px;
		top: auto;
		bottom: 5px;
		box-shadow: none;
		padding: 1px 3px 0px;
		text-transform: uppercase;
		font-size: 9.4px;
		line-height: 12px;
		border-radius: 5px;
	}

	#contenedorBatallas .batalla.batallaRecibida.batallaSiendoJugada::before {
		right: 5px;
		font-size: 9.4px !important;
		line-height: 12px;
		bottom: 20px;
		padding: 1px 3px 0px;
		font-weight: 600 !important;
		font-family: "roboto",sans-serif;
		border-radius: 5px;
	}

	#contenedorBatallas .batalla.batallaResultado::after {
		/*padding: 4px 1px 3px; /*ELIMINAR ESTE PADDING*/
		font-size: 9px;
		width: auto;
		height: auto;
		padding: 1px 5px 0;
		/*line-height: 12px;*/
		box-shadow: none;
		left: auto;
		right: 5px;
		bottom: 5px;
		text-shadow: none;
		font-weight: 600;
		font-family: "roboto",sans-serif !important;
		border-radius: 5px;
	}

	#contenedorBatallas .batalla.batallaRecibida::after {
		background: var(--colorPrincipalFondo) none repeat scroll 0 0;
		color: #ffffff;
		content: attr(data-textoBoton);
		display: inline !important;
		font-family: "roboto",sans-serif;
		font-weight: 700;
		height: auto;
		margin: auto;
		position: absolute;
		text-align: center;
		text-shadow: none;
		width: auto;
		z-index: 1500;
		left: auto;
		right: 5px;
		top: auto;
		bottom: 5px;
		box-shadow: none;
		padding: 1px 3px 0px;
		text-transform: uppercase;
		font-size: 9.4px;
		line-height: 12px;
		border-radius: 5px;
	}




	#contenedorBatallas  .batalla .infoBatalla .resultadoTemporal span {
		color: #ed9034;
		font-size: 13px;
		font-family: 'RobotoC' !important;
		font-weight: 600;
		margin-right: 5px;
	}

	#contenedorBatallas .batalla .infoBatalla .resultadoTemporal span.resultadoTemporalResultado {
		color: #fff;
		background: #ed9034;
		padding: 0 5px;
		border-radius: 5px;
	}

	#contenedorBatallas .batalla .infoBatalla .resultadoTemporal span i.sinResultado {
		display: inline-block;
		width: 12px;
	}
	
	

	
	#contenedorBatallas #contenedorBatallasNuevas .labelApp{
		display: none;
	}
	#contenedorBatallas #contenedorBatallasHistorico .labelApp{
		display: none;
	}

	#contenedorBatallas #selectoresBatallas{
		margin-bottom: 20px;
		position: relative;
		z-index: 999999999999999999999;
	}
	#contenedorBatallas #selectoresBatallas #selectorBatallasActivas{
		margin-right: 5px;
	}
	#contenedorBatallas #selectoresBatallas #selectorResultados{

	}
	#contenedorBatallas #selectoresBatallas .selectoresBatallasItem{
		background: rgba(255,255,255,0.3);
		transition: all 0.25s ease-out;
		border-radius:5px;
		padding: 5px;
		display: inline-block;
		width: auto;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		font-weight: 600;

	}
	#contenedorBatallas #selectoresBatallas .selectoresBatallasItem.activo{
		background: #333;
	}
	#contenedorBatallas #selectoresBatallas .selectoresBatallasItem:not(.activo){
		cursor: pointer;
	}
	#contenedorBatallas #selectoresBatallas .selectoresBatallasItem:not(.activo):hover{
		background: rgba(255,255,255,0.3);
	}

	#contenedorBatallas #selectoresBatallas .selectoresBatallasItem i {
		font-style: normal;
		margin-left: 4px;
	}

	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla{
		background: #fff
	}
	
	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla .infoUsuarioBatalla{
		left: 20px;
	}

	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaGanada{}
	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaPerdida{}

	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaGanada:after,
	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaPerdida:after{
		content: '';
		position: absolute;
		display: inline-block;
		width: 50px;
		
		height: 100%;
		top: 0;
		left: 0;
		border-radius: 5px 0 0 5px;
	}

	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla::before {
		position: absolute;
		left: -15px;
		transform: rotate(270deg);
		z-index: 150;
		font-size: 13px;
		font-family: 'robotoc';
		bottom: 34px;
		font-weight: 600;
		color: #fff;
		text-shadow: none !important;
	}
	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaGanada::before {
		content: 'VICTORIA';
	}

	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaPerdida::before {
		content: 'DERROTA';
	}


	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaGanada:after{
		background: #6eda7b;
	}
	#contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla.batallaPerdida:after{
		background: #dd425b;
	}
	/*
	#contenedorBatallas #contenedorBatallasHistorico .batalla .infoBatalla {
		padding-right: 20px;
	}
	*/


	body.mobile #contenedorBatallas #contenedorBatallasHistorico #listadoBatallasHistorico .batalla:nth-child(n+30) {
		display: none;
	}


	.amigo .bordeImagenAmigo .imagenAmigo{
		/*background-image: url("http://static.questium.es/dataQUESTIUM/usuarios/imagenes/masterd/default/yo4x.jpg")*/
		background-image: url("../img/masterd/default/yo4x.jpg");
	}

	#contenedorBatallas #contenedorBatallasHistorico .batalla .infoBatalla {
		padding-top: 20px;
		padding-left: 90px;
	}

	#contenedorBatallas #contenedorBatallasHistorico .batalla .infoBatalla > span.roboto {
		color: var(--colorPrincipalFondo);
		margin: 0;
		padding: 0;
	}

	#contenedorBatallas #listadoBatallasNuevas span.newItem {
		position: absolute;
		top: -9px;
		left: 8px;
		background-color: #4bc487;
		color: #fff;
		font-family: 'RobotoC', 'roboto', sans-serif;
		font-weight: 900;
		border-radius: 5px;
		padding: 1px 6px;
		text-align: center;
		z-index: 1600;
		font-size: 12px;
		text-transform: uppercase;
	}

	#sliderCampanas {
		z-index: 160;
		position: relative;
	}
	#fondoCampanas {
		position: fixed;
	}

	#fondoCampanas img {
		position: fixed;
		top: 20%;
		bottom: 0px;
		margin: auto;
		z-index: 150;
		width: auto;
		left: 0;
		max-height: 100%;
		right: 0;
		opacity: 0.4;
	}

	#contenedor .ui-page.headerStyle2 .headerSubpage ul li {
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		float: left;
		font-family: "roboto", sans-serif !important;
		font-size: 12px;
		font-size: 11.78px;
		font-weight: 600 !important;
		list-style: outside none none;
		margin-bottom: 0px;
		margin-right: 5px;
		margin-top: 0px;
		opacity: 1;
		padding: 5px 8px;
		text-transform: none;
		transition: all 0.25s ease-out 0s;
		background: rgba(255,255,255,0.3);
		border-radius: 5px;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage ul li.active{
		background: #333;
	}

    #contenedor .ui-page.headerStyle2 .headerSubpage ul li.campanasSubmenuItem2:not(.visible), 
    #contenedor .ui-page.headerStyle2 .headerSubpage ul li.campanasSubmenuItem3:not(.visible) {
        display: none;
    }

	#contenedor .ui-page.headerStyle2 .headerSubpage {
		background: var(--colorPrincipalFondo);
		box-shadow: none;
		z-index: 350;
	}

	#contenedor .ui-page.headerStyle2 .headerSubpage div a.txtQt.botonQt{
		background: none !important;
	}

	#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader a,
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal a,
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader a{
		width: 30px;
		text-shadow: none !important;
		overflow: visible;
		color: #333 !important;
	}

	#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader{
		right: 25px;
		top: 21px;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader:not(:empty) + .imagenSubheader + .botonInicioSubHeader{
		right: 70px;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal	{
		right: 70px;
		top: 21px;
	}
	
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader{
		right: 25px;
		top: 21px;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonVolverSubHeader:not(:empty) + .imagenSubheader + .botonInicioSubHeader + .botonToggleHeaderPpal{
		right: 115px;
	}

	#contenedor .ui-page.headerStyle2 .headerSubpage p {

		font-family: 'Robotoc' !important;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 23px;
		color: #fff;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.24) !important;
		background: var(--colorPrincipalFondo);
		padding-top: 30px;
		
	}



	#campanasComenzarBatalla.headerStyle2 h5.textoBatalla {
		color: #fff;
		font-style: normal;
		letter-spacing: -2px;
		position: relative;
		z-index: 1500;
		display: none;
	}

	#campanasComenzarBatalla.headerStyle2[data-role="page"] h4.tituloCampanaIntermedia {
		text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
		font-style: normal;
		color: #fff;
		font-family: 'RobotoC', "PT sans" !important;
		z-index: 150000 !important;
		position: relative;
		padding: 0 0 0 75px;
		margin-top: 20px;
		line-height: 1.1;
		width: calc(100% - 75px);
		margin-left: 0;
	}

	div[data-role="page"]#campanasElegirAmigo.headerStyle2 h4.tituloCampanaIntermedia {
		text-shadow: none;
		font-family: 'RobotoC';
		font-size: 20px;
		margin-top: 0;
		position: relative !important;
		background: #333;
		color: #fff;
		border: none !important;
		padding: 10px;
		width: calc(90% - 50px);
		z-index: 150 !important;
		box-shadow: 0px 3px 2px rgba(0,0,0,0.15);
	}

	div[data-role="page"]#campanasElegirAmigo.headerStyle2 h4.tituloCampanaIntermedia::before {
		/*content: ' ';*/
		position: absolute;
		width: calc(100% - 41px);
		height: 5px;
		background: #d3cece;
		display: inline-block;
		top: -3px;
		left: 10px;
		border-left: solid 10px #d3cece;
		border-radius: 0;
		border-right: solid 10px #d3cece;
		z-index: 1 !important;
	}

	div[data-role="page"]#campanasElegirAmigo.headerStyle2 h4.tituloCampanaIntermedia::after {
		content: ' ';
		position: absolute;
		width: calc(100% - 10px);
		height: calc(100% + 10px);
		background: rgba(0,0,0,0.1);
		display: inline-block;
		top: -5px;
		left: -5px;
		border-left: solid 10px #fff;
		border-radius: 0;
		border-right: 10px solid #fff;
		z-index: 1 !important;
	}



	#botonObjetoUsuarioJuegoBatalla, #botonMensajeUsuarioJuegoBatalla {
		background: #fff;
		display: none;
	}
	#botonObjetoUsuarioJuegoBatalla span, #botonMensajeUsuarioJuegoBatalla span{
		color: #333;
	}
	#botonObjetoUsuarioJuegoBatalla.desactivado, #botonMensajeUsuarioJuegoBatalla.desactivado {
		background: #333;
	}
	#botonObjetoUsuarioJuegoBatalla.desactivado span, #botonMensajeUsuarioJuegoBatalla.desactivado span{
		color: #fff;
	}

	.contenedorBotonUsuarioBatalla{
		cursor: pointer;
	}

	.mensajeComenzarBatalla > p, .ObjetoComenzarBatalla > p, .mensajeEnviadoBatalla > p {
		color: #fff;
		font-family: 'Robotoc';
		margin-top: 10px; 
		font-weight: 600;
		text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
		margin-bottom: 10px;
	}

	#botonObjetoUsuarioJuegoBatalla{
		display: none;
	}

	.amigo .bordeImagenAmigo {

		background-color: #fff;
		box-shadow: 0 3px 0px 1px rgba(0, 0, 0, 0.15);

	}
	.amigo:not(.vs)::before {

		background-color: #fff;
		color: #333;
		position: absolute;
		left: 0;
		right: auto;
		top: 46px;

	}

	#fondoEligeOponente {

		position: fixed;
		width: 100%;
		bottom: 0;
		z-index: 1;
		text-align: center;

	}
	#paisajeFondoEligeAmigo {
		max-width: 100%;
		position: relative;
		top: 4px;
	}
	#mensajeComenzarBatalla {
		position: relative;
		z-index: 99;
		/*margin-bottom: 50px;*/
	}


	#contenedorAmigoVS {
		position: absolute;
		z-index: 1500;
		width: 110px;
		height: 110px;
		left: 0;
		right: 0;
		margin: 47px auto 0;

	}

	#imagenVs {
		width: 100%;
		height: auto;
	}

	#fondoBatallaTodoListo {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;

	}
	#imagenFondoBatallaTodoListo {
		width: 100%;
		height: auto;
		min-height: 100%;
	}

	#campanasComenzarBatalla #contenedorBatallaResumen .listadoAmigos {
		position: relative;
		z-index: 1500;
	}
	
	/*BATALLAS NUEVAS EN COLOR NEGRO*/

	/*
	#contenedorBatallas .batalla.batallaRecibida img.newItem{
		display: none
	}
	#contenedorBatallas .batalla.batallaRecibida {
		background: #333;
	}
	#contenedorBatallas .batalla.batallaRecibida .infoBatalla .txtQt{
		color: #fff	
	}
	*/
	/*FIN DE BATALLAS NUEVAS EN COLOR NEGRO*/
	
	#contenedor #campanasComenzarBatalla.ui-page.headerStyle2 .headerSubpage div a.txtQt.botonQt {
		background: #fff !important;
		width: 50px;
		right: -10px !important;
		position: absolute;
	}

	/*PORTADA*/
	div[data-id="footerCampanas"]{
		display: none !important;
	}
	/**FIN DE PORTADA*/


	#contenedorResultado {
		position: relative;
		z-index: 150;
	}

	#fondoBatallaResultado {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}
	#fondoBatallaResultado .imagenFondoBatallaResultado {
		width: 100%;
		min-height: 100%;
	}



	#campanas #sliderCampanas #tematicasBuscador {
		background: #fff;
		bottom: 53px;
		box-sizing: border-box;
		padding-top: 10px;
		padding-bottom: 10px;
		box-shadow: 0px 0px 11px rgba(0,0,0,0.30);
		width: 60px;
		right: 10px;
		padding-left: 10px !important;
		padding-right: 10px !important;
		border-radius: 50% !important;
		transition: all 0.25s ease-out;
		margin: 0 0 0 auto !important;
	}

	#campanas #sliderCampanas #tematicasBuscador.activado {
		background: var(--colorPrincipalFondo);
		bottom: 43px;
		box-sizing: border-box;
		padding-left: 20px;
		margin-left: -20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 30px;
		box-shadow: 0px -6px 7px rgba(0,0,0,0.10);
		width: 100%;
		border-radius: 0 !important;
		right: 0;
		transition: all 0.25s ease-out 0.1s;
	}

	#campanas #sliderCampanas #tematicasBuscador p div input {
		background: none;
		border: solid #fff;
		color: #fff !important;
		width: 0px;
		padding-left: 16px;
		padding-right: 16px;
		cursor: pointer;
		transition: all 0.25s ease-out;
	}
	#campanas #sliderCampanas #tematicasBuscador.activado p div input{
		width: 100%;
		border: solid #fff;
	}

	#campanas #sliderCampanas #tematicasBuscador p i {
		color:#333 !important;
		right: 14px;
	}
	#campanas #sliderCampanas #tematicasBuscador.activado p i {
		right: 17px;
		color: #fff !important;
	}

	#campanas #sliderCampanas ul#parrillaTematicas > li::before {
		text-shadow: none;
		box-shadow: none;
		background-color: #cd6c0e;
		left: 1px;
		padding: 1px 3px;
		line-height: 13px;
	}
	#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li p, 
	#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li p, 
	#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica li p {
		background: #fff;
		color: #333;
		margin-top: 10px;
		margin-bottom: -4px;
	}

	#campanas #sliderCampanas ul#parrillaTematicas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica, 
	#campanas #sliderCampanas ul#parrillaTematicasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica, 
	#campanas #sliderCampanas ul#parrillaCampanasFavoritas li .contenedorCardTematica .itemsTematica ul.indicadoresDatosTematica{
		background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	}

	#campanas #sliderCampanas #introduccionTematicas {
		text-align: left;
		
		font-weight: 400;
		font-size: 15px;
		line-height: 18px;
		color: #fff;
		font-family: 'Robotoc';
		font-weight: 600;
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
	}
	#campanas #sliderCampanas #introduccionTematicas b {
		background: none;
		color: #333;
		text-shadow: none;
		text-align: left;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
		margin-top: -2px;
	}

	#campanas #contenedorCampanas::before {
		content: attr(data-before);
		color: #fff;
		font-size: 15px;
		font-family: 'Robotoc';
		line-height: 18px;
		margin-bottom: 17px;
		display: inline-block;
		position: relative;
		top: 0px;
		padding-right: 4px;
		padding-left: 3px;
		box-sizing: border-box;
		padding-top: 3px;
		text-align: left;
		font-weight: 600;
		margin-top: 0;
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
	}

	#campanas #contenedorCampanas.sinEncabezado::before {
		content: '' !important;
	}

	.labelApp span{
		margin-left: 0;
		background: #333;
		color: #fff;
		padding-right: 10px;
		width: auto;
		display: inline-block;
	}

	#campanas #sliderCampanas #listadoTematicasFavoritas #labelTematicasFavoritas,
	#campanas #sliderCampanas #listadoTematicasFavoritas #labelCampanasFavoritas{
		
		padding-left: 30px;
	}

	#campanas #sliderCampanas #listadoTematicasFavoritas #toggleTematicasFavoritas.rotado,
	#campanas #sliderCampanas #listadoTematicasFavoritas #toggleCampanasFavoritas.rotado {
		transform: rotate(180deg);
		text-shadow: none;
		color: #333;
		font-size: 25px	;
		line-height: 36px;
		
	}

	.labelApp span i.numero.roboto{
		position: relative;
		top: 0;
		display: inline-block;
		right: 0;
		width: auto;
		background: none;
		height: auto;
		padding: 0 0 0 5px;
		box-shadow: none;
		border-radius: 0px;
	}

	#sliderCampanasContenedorDiapos li.masterd .nombreTematica {
		background-color: #fff !important;
		letter-spacing: 0px !important;
		color: var(--colorPrincipalFondo) !important;
	}

	#splash .ui-content {
		text-align: center;
	}

	#splash #logo {
		width: 73%;
		display: block;
		margin: 10% auto 0 !important;
		position: relative;
		z-index: 1500;
	}
	#splash #botonComenzar {
		background-color: #333;
		color: #fff !important;
		text-shadow: none;
		padding: 15px 5px;
		display: block !important;
		position: fixed;
		bottom: 9%;
		left: 0;
		right: 0;
		max-width: 79.5%;
		margin: auto;
		box-shadow: none !important;
		border: none !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		font-family: 'robotoc';
		letter-spacing: 0px !important;
		width: 250px;
		transition: 0.25s ease-out all;
	}

	#splash #botonComenzar:hover {
		background: #fff;
		color: #333 !important;
	}

	#splash #imagenSplash {
		position: fixed;
		left: 0;
		right: 0;
		/*width: auto;*/
		top: 0;
		bottom: -7%;
		margin: auto;
		height: auto;
		width: 100%;
	}

	body.splash #userOptionsBar {
		top: auto;
		bottom: 10px;
	}
	body.splash.android #userOptionsBar {
		top: 0px;
	}



	/*body:not(.originalEdition) #contenedor.headerPPal #userOptionsBar*/ 
	body:not(.splash):not(.originalEdition) #contenedor.headerPPal #userOptionsBar{
		background: #333;
		left: 0px !important;
		padding: 4px 10px 1px 85px;
		bottom: 0px;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		transition: left 0.5s ease-out;
		
	}

	body:not(.originalEdition) #contenedor.headerPPal #userOptionsBar.plegada {
		/*left: calc(-100% + 35px) !important;*/
		transition: left 0.5s cubic-bezier(.27,.26,.27,1.55);
	}

	body:not(.originalEdition) #contenedor.headerPPal #userOptionsBar.oculta{
		left: -100000px !important;
	}

	#userOptionsBar .indicadorOptionBar {
		text-align: center;
		margin-right: 7px;
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin-left: 7px;
	}

	#userOptionsBar .indicadorOptionBar:before{
		font-size:  24px !important
	}

	body.splash #userOptionsBar u{
		display: none;
	}

	body:not(.splash) #userOptionsBar u {
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		font-family: 'roboto';
		display: block;
		font-size: 9px;
		/*text-shadow: 0px 1px 2px rgba(0,0,0,0.35);*/
	}

	body:not(.splash) #userOptionsBar .indicadorOptionBar i.numeroItem {
		width: 20px;
		height: 20px;
		background: #f63b5a;
		color: #fff;
		text-shadow: 0px 1px 0px rgba(0,0,0,0.12);
		font-weight: bold;
		position: absolute;
		bottom: 19px;
		right: 0;
		left: 18px;
		margin: auto;
		border-radius: 50%;
		box-sizing: border-box;
		padding-top: 3px;
		text-align: center;
		z-index: 16;
		font-family: 'robotoc';
		font-style: normal;
		font-size: 11px;
	}
	
	body:not(.splash) #userOptionsBar .indicadorOptionBar i.numeroItem:empty {
		display: none;
	}


	#userOptionsBar #colapsadorIconos.indicadorOptionBar {
		margin-right: 0px !important;
		top: 0px;
		margin-left: 0px;
		padding: 9px 13px;
		position: absolute;
		right: 0;
		background: rgba(0,0,0,0.6);
		height: 26px;
		display: none;
	}

	#userOptionsBar.plegada #colapsadorIconos.indicadorOptionBar{
		
	}

	#userOptionsBar #colapsadorIconos.indicadorOptionBar:before{
		transition: all 0.30s ease-out;
		transform: rotate(0deg);
	}
	#userOptionsBar.plegada #colapsadorIconos.indicadorOptionBar:before{
		transform: rotate(180deg)
	}



	.modalbody > a{
		background-color: #333;
		font-family: 'robotoc' !important;
		font-weight: 600;
		font-size: 17px !important;
		line-height: 17px;
		box-shadow: none !important;
		padding: 15px 0 !important;
	}

	#contenedor #saludoUsuario{
		display: none;
		top: -4px;
	}

	#indicadorSonido{
		float: none;
		display: inline-block;
	}

	#indicadorTip{
		float: none;
		display: inline-block;

	}

	#indicadorIdioma {
		display: inline-block;
		float: none;
		margin-left: 0px;
		margin-top: 0px;
	}

	#userOptionsBar #yo {
		width: 62px;
		height: 62px;
		border-radius: 50%;
		background: var(--colorPrincipalFondo);
		text-align: center;
		box-sizing: border-box;
		padding: 3px;
		position: absolute;
		top: -6px;
		left: 20px;
		cursor: pointer;
		box-shadow: 0px 4px 0px rgba(33,33,33,0.15);
	}


	#userOptionsBar #yo {
		left: 0;
		right: 0;
		margin: auto;
		display: inline-block;
		position: relative;
		margin-top: -24px !important;
		margin-left: 10px;
		margin-right: 10px;
		top: 0;
		box-shadow: 0px -1px 0px 4px rgba(0,0,0,0.05);

	}

	body:not(.splash):not(.originalEdition) #contenedor.headerPPal #userOptionsBar {
		padding-left: 10px;
	}



	#userOptionsBar #yo #mifoto {
		width: 56px;
		height: 56px;
		border-radius: 50%;
	}

	#userOptionsBar #yo p {
		display: none;
	}

	#userOptionsBar #yo #nivelUser {
		position: absolute;
		left: -8px;
		top: 20px;
		display: inline-block;
		width: 20px;
		height: 20px;
		color: #fff;
		background: var(--colorPrincipalFondo);
		border-radius: 50%;
		font-family: 'robotoc';
		font-style: normal;
		font-weight: 600;
		font-size: 11px;
		padding-top: 3px;
		box-sizing: border-box;
	}


	#userOptionsBar #yo #nivelUser {
		left: 0;
		right: 0;
		margin: auto;
		top: unset;
		bottom: 0px;
	}
	#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader h3 {
		text-transform: uppercase;
		line-height: 10px;
		margin-top: 10px;
		font-family: 'robotoc', 'yanone kaffeesatz';
		font-weight: 600;
		font-size: 23px;
		margin-bottom: 15px;
		color: #333;
		letter-spacing: -1px;
	}

	#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .amigo {
		height: 90px;
		margin-bottom: -60px;
		width: 90px;
		margin-top: 20px;
	}

	#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .nombreAmigo{
		font-family: 'RobotoC','roboto',sans-serif;
		font-weight: 700;
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: -30px;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
		position: relative;
		padding-left: 5px;
	}


	#modalAccionesAmigo.detalleItem.estadisticasJuego.modalEstadisticas .modalHeader .nombreAmigo {
		font-family: 'RobotoC','roboto',sans-serif;
		font-weight: 700;
		font-size: 18px;
		margin-top: 5px;
		margin-bottom: -40px;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
		position: relative;
		padding-left: 5px;
	}

	a.botonQt {
		background: #333 !important;
		color: #fff !important;
		text-shadow: none !important;
	}

	#perfil .botonQt.botonGuardar {
		border-radius: 5px;
		margin: 40px auto 0;
		max-width: 190px;
		/*padding: 7px 0;*/
		background: #333;
		font-size: 17px;
		line-height: 0px;
		text-align: center;
		color: #fff;
		font-family: 'robotoc' !important;
		text-transform: uppercase;
		text-shadow: none !important;
		font-weight: 600;
		box-shadow: none;
		
		display: inline-block;
		padding: 5px 25px;
		margin-top: 0;
	}
	body:not(.muted) #perfil .botonQt.botonGuardar.botonSonido {

		background: #f63b5a;

	}

	#perfil a#fakeLinkIdContacto{
		color: #fff;
		display: block;
		padding: 15px 0px;
		box-sizing: border-box;
		text-decoration: none !important;
	}

	#perfil #contenedorOpcionesIdioma .botonIdioma {

		display: block;
		margin-bottom: 15px;
		background-color: rgba(255,255,255,0.3);
	}

	#perfil #contenedorOpcionesIdioma .botonIdioma.activo{
		background-color: #333;
	}



	a.botonQt.cancelar {
		background-color: #f63b5a !important;
		
	}
	
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal a span {
		color: #333;
		font-family: 'robotoc';
		font-size: 10px;
		font-weight: 600;
	}
	/*
	#perfil #salirCuentaUsuario.botonQt.botonGuardar {
		margin-bottom: 80px;
	}
	*/

	#perfil .amigo:not(.vs)::before {
		top: 0;
		bottom: 20px;
		margin: auto;
		left: -20px;
		background: #fff;
		color: var(--colorPrincipalFondo);
		font-weight: 800;
		font-size: 19px;
		font-family: 'robotoc' !important;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
		box-shadow: none;
	}

	#amigos .solicitudAmistadManualUsuario .botonesAccion a {
		font-family: 'robotoc' !important;
		font-size: 16px;
		padding: 10px 0;
		margin-bottom: 40px;
		width: 150px;
		border-radius: 5px;
		box-shadow: none;
	}

	#contenedor .ui-page.headerStyle2:not(#campanas) .separadorTop {
		margin-bottom: 100px !important;
	}

	html.android #contenedor .ui-page.headerStyle2:not(#campanas) .separadorTop {
		margin-bottom: 70px !important;
	}

	#contenedor .ui-page.headerStyle2:not(#campanas) .headerSubpage {
		/*top: 30px;*/
	}
	html.android #contenedor .ui-page.headerStyle2:not(#campanas) .headerSubpage {
		top: 0px;
	}

	#campanasSubmenu {
		z-index: 1500;
		position: relative;
	}

	#perfil #cambiarAvatar {
		font-family: 'robotoc' !important;
		width: auto;
		max-width: none;
		display: inline-block;
		box-shadow: none;
		border-radius: 5px;
		padding: 10px 15px;
		float: right;
		margin-right: 5%;
		font-weight: 600;
	}




	#contenedorPerfil {
		padding-top: 40px;
		/*padding-bottom: 80px;*/
		position: relative;
		z-index: 100;
	}

	#perfil .labelApp.indicadorSubseccion {
		margin-bottom: 10px;
		color: #fff;
	}
	#perfil .labelApp.indicadorSubseccion::before {
		font-size: 32px;
		position: relative;
		top: 2px;
		text-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
	}

	#perfil .labelApp.indicadorSubseccion span {

		background: none;
		font-size: 28px !important;
		color: #fff;
		top: 0;
		text-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);

	}
	#perfil .textoIntroduccionPerfil {

		color: rgb(255, 255, 255);
		font-size: 15px;
		font-weight: 600;
		font-family: 'RobotoC',sans-serif;
		text-align: left;
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
		margin-top: 0;
		margin-bottom: 30px;

	}

	#perfil .parrafoIntroducciones.parrafoWarning {

		display: none;

	}

	#perfil #contenedorPerfil .tip {
		background: #fff;
		margin-bottom: 20px;
		border-radius: 5px;
		box-shadow: 0px 4px 0px rgba(0,0,0,0.2);
		padding: 15px;
		text-align: left;
		font-size: 14px;
		font-family: 'roboto';
        transform: scale(1);
        transition: transform 0.25s ease-out, font-size 0.25s ease-out;
	}

    #perfil #contenedorPerfil .tip.highlighted {
        transform: scale(1.10);
        font-size: 1rem;
    }



	#contenedorBatallaResumen .contenedorAmigo > #batallaUsuario {
		position: relative;
		left: -100% !important;
		transition: none;
	}

	#contenedorBatallaResumen .contenedorAmigo > #batallaUsuario.intro{
		left: 0px !important;
		transition: left 1s cubic-bezier(.68,-0.55,.27,1.55);
		/*transition: left 1s cubic-bezier(.18,.89,.32,1.28);*/
	}


	#contenedorBatallaResumen .contenedorAmigo > #batallaOponente {
		position: relative;
		left: 100% !important;
		transition: none;
	}

	#contenedorBatallaResumen .contenedorAmigo > #batallaOponente.intro{
		left: 0px !important;
		transition: left 1s cubic-bezier(.68,-0.55,.27,1.55);
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage #volverResultadoBatallas.botonInicioSubHeader {
		width: 50px;
		height: 50px;
		background: #fff;
		border-radius: 50%;
		text-align: center !important;
		right: 10px;
		top: 10px;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage #volverResultadoBatallas.botonInicioSubHeader a {
		margin: auto;
	}

	#selectoresBatallas i.actualizarListadoBatallas {
		background: #333;
		color: #fff;
		display: inline-block;
		width: 25px;
		text-align: center;
		border-radius: 50%;
		font-size: 20px;
		box-sizing: border-box;
		height: 25px;
		top: 3px;
		position: relative;
		padding-top: 0px;
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.25s ease-out;
	}
	#selectoresBatallas i.actualizarListadoBatallas:hover{
		opacity: 0.4;
	}

	#selectoresBatallas i.limpiarListadoBatallas{
		background: #333;
		color: #fff;
		display: inline-block;
		width: 20px;
		text-align: center;
		border-radius: 50%;
		font-size: 16px;
		box-sizing: border-box;
		height: 20px;
		top: 1px;
		position: relative;
		padding-top: 0px;
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.25s ease-out;
	}

	#selectoresBatallas i.limpiarListadoBatallas:hover{
			opacity: 0.4;
		}


	#modalAccionesAmigo.detalleItem.estadisticasJuego .modalHeader .amigo .bordeImagenAmigo {

		border: medium none;
		height: 99px;
		padding: 2px;
		width: 99px;
		margin-top: 50px;
		position: relative;
		top: -30px;
		box-shadow: none;

	}

	#mantenimientoBotonesInterno a, #mantenimientoBotones a {
		box-shadow: none;
		font-family: 'robotoc' !important;
		font-size: 16px;
	}

	#eliminarBatallasSumandoAciertos{
		margin-bottom: 40px;
		/*box-shadow: 0 4px 0 1px #444444;*/
		font-family: 'roboto' !important;
		font-size: 15px;
		color: #fff;
		background-color: #333;
		/*display: none;*/
		text-shadow: none !important;
	}


	#perfil #fondoPerfil{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		opacity: 0.4;
		width: 100%;
		height: 100%;
	}
	#perfil #fondoPerfil #imagenFondoPerfil{
		max-width: 100%;
	}

	#amigos #fondoAmigos{
		position: fixed;
		bottom: -10px;
		left: 0;
		z-index: 1;
		opacity: 0.25;
		width: 100%;
		height: auto;
	}
	#amigos #fondoAmigos #imagenFondoAmigos {
		max-width: 100%;
	}



	#perfil .labelApp span {
		border-radius: 12px;
		padding: 5px 10px;
		position: relative;
		margin-bottom: -10px;
		top: 10px;
		background: #fff;
		color: #333;
	}

	#perfil .labelApp i {
		top: 6px;
		box-shadow: none !important;
	}



	.perfilItem .perfilSubitem.perfilSubitemIDLearnniry .inputQt[name="idLearNNity"] {

		margin-bottom: 0px !important;
		min-height: 2.2em;
		box-sizing: border-box;
		font-size: 19px;
		line-height: 1.4em;
		margin-top: 0;
		top: 10px;

	}


	#amigos #contenedorAmigosWrapper {
		padding-top: 40px;
		z-index: 150;
		position: relative;
	}

	#contenedor .ui-page.headerStyle2 .headerSubpage.submenus {
		box-shadow: 0px 6px 7px rgba(0,0,0,0.10) !important;
		padding-bottom: 5px;
	}


	#contenedor .ui-page.headerStyle2 .headerSubpage.submenus ul li.conNumero{
		padding-right: 28px;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage.submenus ul li i{
		display: none;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage.submenus ul li.conNumero i {
		font-style: normal;
		background: #f63b5a;
		border-radius: 50%;
		width: 18px;
		display: inline-block;
		height: 18px;
		position: absolute;
		text-align: center;
		padding-top: 3px;
		box-sizing: border-box;
		margin-top: -2px;
		margin-left: 5px;
		font-size: 10px;
	}


	#amigos .textoIntroduccionPerfil {
		color: rgb(255, 255, 255);
		font-size: 15px;
		font-weight: 600;
		font-family: 'RobotoC',sans-serif;
		text-align: left;
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
		margin-top: 0;
		margin-bottom: 30px;
	}

	#modalSalir .modalbody > a {

		background: #3875d7 none repeat scroll 0 0;
		color: #ffffff;
		font-size: 18px !important;
		font-family: "roboto",sans-serif !important;
		line-height: 1.3;
		padding: 15px 10px !important;

	}

	#modalSalir .modalbody > a#cancelModal {
		background-color: #00d5bc;
	}
	#modalSalir .modalbody > a#aceptModal {
		background-color: #f70038;
	}

	#contenedorAmigos {
		/*padding-bottom: 60px;*/
	}

	#seleccionImagenAvatar{
		text-transform: uppercase;
		box-shadow: none !important;
		font-family: 'robotoc' !important;
		font-size: 17px;
		font-weight: 600;
	}


	#perfilAvatarLocal .perfilSubitem.paso2 #marcoImagenAvatar i {
		box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.15);
		position: relative;
		width: 246px;
		display: inline-block;
		height: 308px;
		background: #fff;
		box-sizing: border-box;
		/*margin-top: -24px;*/
		border-bottom: solid 60px #e0e0e0;
	}

	#perfilAvatarLocal .perfilSubitem.paso2 #marcoImagenAvatar h6 {
		position: absolute;
		bottom: 32px;
		z-index: 150;
		font-weight: 600;
		font-family: 'robotoc';
		font-size: 24px;
		text-align: center;
		margin: auto;
		width: 100%;
		letter-spacing: -0.4px;
		left: 4px;
		color: #333;
	}
	#perfilAvatarLocal .perfilSubitem.paso2 #marcoImagenAvatar p {
		position: absolute;
		bottom: 15px;
		z-index: 150;
		font-weight: 600;
		font-family: 'robotoc';
		font-size: 14px;
		text-align: center;
		margin: auto;
		width: 100%;
		letter-spacing: -0.4px;
		left: 4px;
		color: #333;
	}
	#establecerImagenAvatar{
		font-family: 'robotoc' !important;
		box-shadow: none !important;
		margin-bottom: 80px;
		font-weight: 600 !important;
	}
	#amigoRandom .dadosRandom {
		position: absolute;
		top: 37px;
		width: 80%;
		z-index: 1500;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	#amigoRandom.amigo .nombreAmigo {
		text-shadow: none;
		font-weight: 600;
		background: #333;
		color: #fff;
		padding: 3px 7px;
		display: inline-block;
		width: auto;
		margin: 0px 0 0 10px;
		border-radius: 25px;
	}

	#sombraBotonSplash {

		width: 100%;
		position: fixed;
		left: 0;
		bottom: 6%;
		max-width: 79.5%;
		right: 0;
		margin: auto;

	}


	#listadoTematicasFavoritas .labelApp span {
		color: #333;
		background: #fff;
	}
	#listadoTematicasFavoritas  .labelApp span i.numero.roboto {
		color: #333;
		text-shadow: none;
	}

	.vinetaPersonajeModal{
		width: 110px;
		position: absolute;
		left: 15px;
		top: 35px;
		/*transform: rotatey(180deg);*/
	}

	#campanasComenzarBatalla #contenedorBatallaResumen .contenedorAmigo > .amigo:not(.noAnadible) #botonOtroJugadorRandom {
		position: absolute;
		z-index: 1500;
		top: 5px;
		background: #333;
		color: #fff;
		font-size: 30px;
		width: 39px;
		text-align: center;
		height: 39px;
		border-radius: 50%;
		padding-top: 1px;
		box-sizing: border-box;
		right: 5px;
	}


	#contenedorResultado > p#textoResultadoReto a {
		font-family: 'robotoc' !important;
		font-size: 17px;
		font-weight: 600 !important;
		margin-bottom: 30px;
	}



	#contenedorBatallasNuevas #selectorTipoDeBatalla {
		margin-bottom: 15px;
	}

	#contenedorBatallasNuevas #selectorTipoDeBatalla.oculto {
		display:none
	}

	#contenedorBatallasNuevas #selectorTipoDeBatalla p {
		display: inline-block;
		margin: 0 5px 0 0;
		border-radius: 5px;
		padding: 0px 5px;
		background: rgba(255,255,255,0.3);
		transition: all 0.25s ease-out;
	}
	#contenedorBatallasNuevas #selectorTipoDeBatalla p.active {
		background: #333;
	}


	#contenedorBatallasNuevas #selectorTipoDeBatalla p#selectorTipoDeBatallaResultado:not(.active){
		
		-webkit-animation: animacionSelectorTipoDeBatallaResultado 1.5s infinite; 
		animation: animacionSelectorTipoDeBatallaResultado 1.5s infinite;
	
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	
	}
	
	@-webkit-keyframes animacionSelectorTipoDeBatallaResultado {
	  0%   { background: rgba(255,255,255,0.15); }
	  50%  { background: rgba(255,255,255,0.8); }
	  100% { background: rgba(255,255,255,0.15); }
	}
	
	@keyframes animacionSelectorTipoDeBatallaResultado {
	  0%   { background: rgba(255,255,255,0.15); }
	  50%  { background: rgba(255,255,255,0.8); }
	  100% { background: rgba(255,255,255,0.15); }
	}





	#contenedorBatallasNuevas #selectorTipoDeBatalla p[data-numero="0"]:not(#selectorTipoDeBatallaTodas) {
		display: none;
	}
	#contenedorBatallasNuevas #selectorTipoDeBatalla p span {
		font-size: 12px;
		font-weight: 600;
		font-family: 'robotoc';
		color: #fff;
		text-shadow: none;
	}
	#contenedorBatallasNuevas #selectorTipoDeBatalla p i {
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		font-style: normal;
		margin-left: 5px;
		font-family: 'robotoc';
	}

	#contenedorBatallas .batalla.noVisible {
		display: none !important;
	}



	#modalAccionesAmigo.detalleItem.estadisticasJuego.modalEstadisticas .modalHeader .nombreAmigo {
		font-family: 'RobotoC','roboto',sans-serif;
		font-weight: 700;
		font-size: 18px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
		position: relative;
		padding-left: 5px;
		background: #333;
		border-radius: 5px;
		width: auto;
		display: inline-block;
		top: 50px;
		padding-right: 5px;
		margin-left: 8px;
		z-index: 2110;
	}

	#modalAccionesAmigo.detalleItem.estadisticasJuego.modalEstadisticas .modalHeader .amigo {
		margin-bottom: -80px;
		z-index: 200;
	}



	#contenedorBatallaFinalizada{
		position: relative;
		z-index: 9999;
	}

	#contenedorBatallaFinalizada #contenedorFeedbackBatalla img {
    max-width: 75%;
    position: relative;
    margin-top: 17px;
    left: -13px;
}

	#fondoTurnoCompleto {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 50;
	}
	#fondoTurnoCompleto #imagenTurnoCompleto {
		width: 100%;
		height: auto;
	}

	#batallaFinalizada #resultadoNumericoBatalla {
		margin: 0;
		position: relative;
	}

	#batallaFinalizada #resultadoNumericoBatalla > p {
		font-family: 'robotoc';
		font-weight: 600;
		text-transform: uppercase;
		font-size: 25px;
		display: inline-block;
		margin-right: 30px;
		position: relative;
		margin-top: 0;
		margin-bottom: 20px;
	}
	#batallaFinalizada #resultadoNumericoBatalla.llevaFeedback > p {
		margin-bottom: 50px;
	}
	#batallaFinalizada #resultadoNumericoBatalla > p:last-child {
		margin-right: 0;
	}

	#batallaFinalizada #resultadoNumericoBatalla > p i {
		font-style: normal;
		margin-left: 5px;
	}

	#batallaFinalizada #resultadoNumericoBatalla > p a {
		display: none;
		font-size: 15px;
		color: #fff;
		background: #333;
		padding: 5px;
		border-radius: 5px;
		position: absolute;
		left: 0;
		bottom: -30px;
		right: 0;
		margin: auto;
	}

	#batallaFinalizada #resultadoNumericoBatalla.llevaFeedback > p a {
		display: inline-block;
	}


	#modalSalirBatalla .modalbody > a {
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin: 10px 5px;
		text-transform: uppercase;
	}

	#modalSalirBatalla .modalbody a#botonAceptarAbandonarBatalla{
		background: #f70038;
	}

	#modalSalirBatalla .modalbody a#botonCancelarAbandonarBatalla{
		background: #00d5bc;
	}


	
	#listadoBatallasNuevas.verBotonLimpiarBatallas{
		padding-top: 30px;
	}

	#listadoBatallasNuevas i.limpiarListadoBatallas{
		background: #333;
		color: #fff;
		display:none;
		text-align: center;
		border-radius: 5px;
		font-size: 11px;
		box-sizing: border-box;
		padding: 5px 5px 5px 15px;
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.25s ease-out;
		margin-bottom: 10px;
		font-family: 'robotoc';
		font-style: normal;
		text-transform: uppercase;
		font-weight: 600;
		z-index: 99999;
		position: absolute;
		right: 0px;
		top: 0;
	}

	#listadoBatallasNuevas.verBotonLimpiarBatallas i.limpiarListadoBatallas{
		display: inline-block;
	}
	#listadoBatallasNuevas i.limpiarListadoBatallas::before {
		position: relative;
		left: -7px;
	}

	#listadoBatallasNuevas i.limpiarListadoBatallas:hover{
		opacity: 0.4;
	}

	/*
	#contenedorCampanasParaScroll {
		padding-bottom: 40px;
	}
	*/

	#contenedorBatallaResumen #botonComenzarBatalla {
		position: relative !important;
		margin: 0 auto 20px !important;
		bottom: 0;
		float: none !important;
		width: 120px;
		display: block !important;
		right: 0;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	#contenedorOponentes .labelQt {
		display: none !important;
	}

	#contenedor .ui-page.headerStyle2 .headerSubpage .botonToggleHeaderPpal {
		display: none;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage .botonInicioSubHeader {
		display: none;
	}


	body[data-hash="menu"] #userOptionsBar #indicadorHome.indicadorOptionBar::before,
	body[data-hash="menu"] #userOptionsBar #indicadorHome.indicadorOptionBar u {
		color: var(--colorPrincipalFondo) !important;
	}

	body[data-hash="amigos"] #userOptionsBar #indicadorAmigos.indicadorOptionBar::before,
	body[data-hash="amigos"] #userOptionsBar #indicadorAmigos.indicadorOptionBar u {
		color: var(--colorPrincipalFondo) !important;
	}

	body[data-hash="perfil"] #userOptionsBar #indicadorPerfil.indicadorOptionBar::before,
	body[data-hash="perfil"] #userOptionsBar #indicadorPerfil.indicadorOptionBar u {
		color: var(--colorPrincipalFondo) !important;
	}


	#modalAccionesAmigo .textoModalMrQuest .legal {
		font-size: 100% !important;
		text-align: left;
	}

	#modalAccionesAmigo .textoModalMrQuest .legal h1 {
		font-size: 17px;
		text-align: left;
	}

	#modalAccionesAmigo .textoModalMrQuest .legal h2 {
		font-size: 14px;
	}

	#modalAccionesAmigo .textoModalMrQuest .legal p {
		font-size: 12px;
		text-align: justify;
	}
/*FIN DE MERSONALIZACION MASTERD*/







/*MEDIAQUERIES*/

@media only screen and (min-width: 768px) and (max-width: 2800px) {	
	
	#fondoAppQuestium {
		background-size:40%;
	}
	div[data-id="splash"] #logo{
		margin-top:4em;
	}
	
	div[data-id="splash"] #isotipo{
		margin-top:4em;
	}

	div[data-id="splash"] .botonSpalsh{
		margin-top:4em;
		
		text-decoration:none;
		color:#434343;
		display:block;
		padding:20px 15px;
		border-radius:5px;
		margin:1em auto 0px; 
		box-shadow:0px 4px 0px 2px rgba(68,68,68,1);
		font-size:50px;
		max-width:400px;
		border:none;
		text-shadow:0px 1px 1px rgba(252,240,111,0.8);
		
	}

	#menu .gridMenu > div{
		margin-bottom:4.5em;
	}
	
	#menu .gridMenu a div.fondoBoton{
		width:100%;
		height:15.7em;
		border-radius:0.68em;
		margin-top:1em;
	}
	
	#menu .gridMenu a div.fondoBoton.active{		
		
	}
	
	#menu .gridMenu a p.elementosboton{
		bottom:10px;
		font-size:35px;
	}
	
	#menu .gridMenu a span.numeroItem{
		width:35px;
		height:35px;
		font-size:16px;
		bottom:-17px;
		padding-top:9px;
	}
		
	.headerSubpage .imagenSubheader p{
		color:#434343;
		font-size:60px;
		margin-top:-1em;
	}
	
	.headerSubpage .imagenSubheader p.tituloMargen{
		margin-top:-0.5em;
	}
	
	#contenedorCampanas .contenedorTipoCampana{
		margin-bottom:80px; 
	}	
	
	
	/*RANKING*/
	#contenedorRanking .rankingItem, .rankingItem.rankingItemCabecera {
		/*max-width: 580px;*/
		width: 100% !important
	}
	#contenedorRanking .rankingItemPosicion {
		width: 100px;
	}

.rankingItemAlias {
    width: 210px;
	font-size: 35px;
    padding: 10px 5px 0;
}

.rankingItemExperiencia {
    width: 120px;
	font-size: 35px;
	padding: 8px 5px 0;
}

	
.aplicacionMaxWidth {
    max-width: 100%;
}

#batalla #contenedorBatalla .pregunta .textoPreguntaBatalla p {
    font-size: 22px;
    font-weight: 100;
    line-height: 27px;
}

#batalla #contenedorBatalla .respuestas .respuesta .textoRespuesta {
    font-size: 20px;
}

#batalla #contenedorBatalla .respuestas .respuesta .textoRespuesta {
    font-size: 20px;
    line-height: 27px;
    padding: 35px 10px 35px 52px;
}
	
.listadoAmigos {
    max-width: 580px;
}
		
	#batalla #contenedorBatalla .pregunta span.labelNumeroPregunta {
		font-size: 17px;
	}
	#batalla #contenedorBatalla .respuestas .respuesta .ordenRespuesta {
		width: 60px;
	}
	
	#batalla #contenedorBatalla .respuestas .respuesta .textoRespuesta {
		padding: 35px 10px 35px 82px;
	}
	.cartas4 .carta, .cartas2 .carta {
    margin: 0 10% 20px;
    width: 30%;
	
}


}

@media only screen and (min-width: 640px) and (max-width: 767px) {	

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*galaxy young horizontal*/
	
	#menu .gridMenu > div{
		margin-bottom:3em;
	}
	
	#menu .gridMenu a div.fondoBoton{
		width:100%;
		height:13.2em;
		border-radius:0.68em;
		margin-top:1em;
	}
	
	#menu .gridMenu a div.fondoBoton.active{		
		
	}

	#menu .gridMenu a p.elementosboton{
		bottom:10px;
		font-size:35px;
	}
	
	#menu .gridMenu a span.numeroItem{
		width:35px;
		height:35px;
		font-size:16px;
		bottom:-17px;
		padding-top:9px;
	}
	.cartas4 .carta, .cartas2 .carta {
		margin: 0 10% 20px;
		width: 30%;
	}
	
}

@media only screen and (max-width: 479px) {
	/*galaxy s4 vertical*/
	
	#menu .gridMenu > div{
		margin-bottom:2em;
	}
	
	#menu .gridMenu a div.fondoBoton{
		width:100%;
		height:10.2em;
	}
	
	#menu .gridMenu a div.fondoBoton.active{		
		
	}
	
	#menu .gridMenu a span.numeroItem{
		width: 30px;
		height: 30px;
		font-size: 15px;
		bottom: -15px;
		padding-top: 0.5rem;
		font-family: 'RobotoC', 'roboto';
		line-height: 1;
	}
	
	#contenedorObjetos .listadoAmigos > div > div.amigo.vs:nth-child(4n+1),
	#contenedorLogros .listadoAmigos > div > div.amigo.vs:nth-child(4n+1) {
		clear: both;
	}
	
	#contenedorObjetos .listadoAmigos,
	#contenedorLogros .listadoAmigos{
		max-width: 384px;
		/*max-width: 290px;*/
	}
	#contenedorObjetos .listadoAmigos > div > div.amigo.vs,
	#contenedorLogros .listadoAmigos > div > div.amigo.vs {
		width: 90px;
	}
	
	#contenedorObjetos .listadoAmigos > div > div.amigo.vs img, #contenedorLogros .listadoAmigos > div > div.amigo.vs img {
		height: 90px;
		width: 90px;
	}
	
	#logros .amigo .nombreAmigo,
	#objetos .amigo .nombreAmigo {
		font-size: 13px;
		font-weight: bold;
		letter-spacing: -0.6px;
		text-transform: uppercase;
		line-height: 14px;
	}
	
	.cartas4 .carta, .cartas2 .carta {
		margin: 0 10% 20px;
		width: 30%;
	}


	
}

@media only screen and (max-width: 380px) {
	#contenedorObjetos .listadoAmigos > div > div.amigo.vs:nth-child(4n+1),
	#contenedorLogros .listadoAmigos > div > div.amigo.vs:nth-child(4n+1) {
		clear: none;
	}
	#contenedorObjetos .listadoAmigos > div > div.amigo.vs:nth-child(3n+1),
	#contenedorLogros .listadoAmigos > div > div.amigo.vs:nth-child(3n+1) {
		clear: both;
	}
	#contenedorObjetos .listadoAmigos,
	#contenedorLogros .listadoAmigos{
		/*max-width: 320px;*/
		max-width: 290px;
	}
}

@media only screen and (max-width: 347px) {
	.carta {
		margin: 0 1% 20px;
		width: 31%;
	}
	.cartas4 .carta, .cartas2 .carta {
		margin: 0 10% 20px;
		width: 30%;
	}
	#contenedorResultado .amigo {
		margin-left: 20px;
		margin-right: 20px;
	}
}


@media only screen and (max-width: 320px) {
	/*galaxy young vertical*/

	#menu .gridMenu > div{
		margin-bottom:2em;
	}
	
	#menu .gridMenu a div.fondoBoton{
		height:8.6em;
	}
	
	#menu .gridMenu a div.fondoBoton.active{		
		
	}

	#menu .gridMenu a span.numeroItem{
		width:25px;
		height:25px;
		font-size:14px;
		bottom:-13px;
		padding-top:4px;
	}
		
	.listadoAmigos {
		margin: 0 auto;
		max-width: 240px;
	}
	
	.listadoAmigos > div.amigo.vs:nth-child(3n+1){
		clear:both
	}
	
	
	/*
	#contenedorObjetos .listadoAmigos,
	#contenedorLogros .listadoAmigos{
		max-width: 300px;
	}
	*/
	
	
	
	#contenedorObjetos .listadoAmigos > div > div.amigo.vs,
	#contenedorLogros .listadoAmigos > div > div.amigo.vs {
		width: 80px;
	}
	
	#contenedorObjetos .listadoAmigos > div > div.amigo.vs img, #contenedorLogros .listadoAmigos > div > div.amigo.vs img {
		height: 80px;
		width: 80px;
	}
	
	#logros .amigo .nombreAmigo,
	#objetos .amigo .nombreAmigo {
		font-size: 13px;
		font-weight: bold;
		letter-spacing: -0.6px;
		text-transform: uppercase;
		line-height: 14px;
	}

	.carta {
		margin: 0 1% 20px;
		width: 31%;
	}
	.cartas4 .carta, .cartas2 .carta {
		margin: 0 10% 20px;
		width: 30%;
	}
	
	#login #contenedorLogin > #formLogin .enlacesRegistro a{
		font-size: 18px;
	}

	#splash #logo {
	    margin: 4% auto 0 !important;
	}
	#splash #botonComenzar {
		font-size: 14px !important;
		padding: 10px 0px;
		width: 210px;
		bottom: 7%;
	}
	#splash #sombraBotonSplash{bottom: 4%;}
	#contenedorBatallas #selectoresBatallas .selectoresBatallasItem {
		font-family: 'robotoc';
		font-size: 11px;
	}
	
	#contenedor .ui-page.headerStyle2 .headerSubpage ul li{
		font-size: 11px;
		padding: 5px;
	}
	
	#contenedorBatallasNuevas #selectorTipoDeBatalla p{
		line-height: 13px !important;
		padding: 1px 5px 2px !important;
	}
	#contenedorBatallasNuevas #selectorTipoDeBatalla p span{
		font-size: 10px !important;
	}
	#contenedorBatallasNuevas #selectorTipoDeBatalla p i {
		font-size: 10px !important;
	}
	.vinetaPersonajeModal{
		max-width: 35%;
        border-radius: 50%;
	}
	
	#perfil #cambiarAvatar {
		margin-right: 0;
		font-size: 15px;
		padding: 10px;
	}
	#contenedor .ui-page.headerStyle2 .headerSubpage p{
		padding-bottom: 5px;
	}
	body.mobileBrowser #contenedor .ui-page.headerStyle2 .headerSubpage p {
		padding-top: 10px;
	}
	
	#amigos #contenedorAmigosWrapper,
	#contenedorPerfil{
		padding-top: 5px !important;
	}
	
	#indicadorSonido {
		/*display: none !important;*/
	}
	#registro > #contenedorRegistro {
    	padding: 10px 20px 0;
	}
	
	#modalFeedback.nuevaModal .amigo #accionAmigo {
		left: auto;
		right: -5px;
	}

}

@media only screen and (max-height: 500px){

	#login #contenedorLogin > #formRegistro{
		display: none;
	}
	#login #contenedorLogin > #formLogin {
    height: 100% !important;
	}
	
	div[data-id="splash"] #botonComenzar.botonSpalsh{
		padding: 15px 10px;
		max-width: 170px;
	}
	#menu .gridMenu.redimensionado a img.iconoBoton {
		height: 60% !important;
	}
	
}

@media only screen and (max-height: 400px){
	#menu .gridMenu.redimensionado a img.iconoBoton {
		display: none;
	}
}