/*
* Ajustes de estilos sobre el css de jQueryMobile
*
* 		TheAppArt.com
*/


/* Body sin borde */
.ui-body{
	border:		none;
}

/* Justificado del texto de los articulos */
.ui-content{
	text-align: justify; 
	text-justify: newspaper;
}



/* Sobre las listas de enlaces */
.ui-li-desc {
	white-space: normal;
	margin-left: 15px;
}
.ui-li .ui-li-static .ui-btn-text a.ui-link-inherit {
	white-space: nowrap;
}
.ui-li-heading {
	margin: .6em 0 .3em 0;
}
.ui-li, .ui-li.ui-field-contain {
	overflow: hidden;
}




/* Reformateado del estilo E de jQuery Mobile  	*/

/* Fondo de pagina  */
.ui-body-e {
	border:					none;
	/*border: 1px solid 		#F7C942 /*{e-body-border}*/;
	color: 					#333333 /*{e-body-color}*/;
	text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ 	#fff /*{e-body-shadow-color}*/;
	/* rafaco: Cambiado fondo de body de aqui.  */
	background: 			#ffffff /*{e-body-background-color}*/
	/* rafaco: Eliminado gradientes de fondo  */
}



/* Barras de navegacion  */
.ui-bar-e {
	background: 			#981C1E /*{e-bar-background-color}*/;
	color: 					#F7C942 /*{e-bar-color}*/;
	border:					none;
	text-shadow: 0 /*{e-bar-shadow-x}*/ 0px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ 	#fff /*{e-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BD262B /*{e-bar-background-start}*/), to(#981C1E /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #BD262B /*{e-bar-background-start}*/, #981C1E /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #BD262B /*{e-bar-background-start}*/, #981C1E /*{e-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #BD262B /*{e-bar-background-start}*/, #981C1E /*{e-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #BD262B /*{e-bar-background-start}*/, #981C1E /*{e-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #BD262B /*{e-bar-background-start}*/, #981C1E /*{e-bar-background-end}*/);
	/* rafaco eliminado borde de la barra border: 1px solid 		#F7C942 */
	/*  rafaco eliminado sombra de letras */
	/* 	rafaco: colores del background anterior #333 */
	/* 	rafaco: color de fuente anterior #F7C942 */
	/* 	rafaco: colores del gradiente anteriores #fceda7 #fadb4e */
}

/* Boton Arriba  */
.ui-btn-up-e {
	border: 1px solid 		#fceda7 /*{e-bup-border}*/;
	background:				none;
	/*background: 			#fadb4e {e-bup-background-color}*/;
	font-weight: bold;
	color: 					#333 /*{e-bup-color}*/;
	text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ 	#fff /*{e-bup-shadow-color}*/
	/* rafaco: Eliminado fondo de botones de aqui.  */
	/* rafaco: cambiado color del borde */
}

/* Boton Abajo  */
.ui-btn-down-e {
	border: 1px solid 		#fceda7 /*{e-bdown-border}*/;
	background:				none;
	/* 	background: 			#fceda7 {e-bdown-background-color}; */
	font-weight: bold;
	color: 					#111 /*{e-bdown-color}*/;
	text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ 	#ffffff /*{e-bdown-shadow-color}*/;
	/* rafaco: Eliminado fondo de botones de aqui.  */
}

/* Boton Sobre  */
.ui-btn-hover-e {
	border: 1px solid 		#F7C942 /*{e-bhover-border}*/;
	background:				none;
	/* 	background: 			#fbe26f {e-bhover-background-color}; */
	font-weight: bold;
	color: 					#111 /*{e-bhover-color}*/;
	text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ 	#fff /*{e-bhover-shadow-color}*/;
	/* rafaco: Eliminado fondo de botones de aqui.  */
	/* rafaco: cambiado color del borde */
}

/*  Color de las fuentes en los botones */
.ui-btn-up-e a.ui-link-inherit {
	color: 					#333 /*{e-bup-color}*/;
}

/* Barra header: Menos margen lateral para el titulo. Truncaba mucho */
.ui-header .ui-title, .ui-footer .ui-title {
	margin: .6em 30px .8em;
}

/* Barra header: Borde aumentado de los botones (sin texto)  */
.ui-header .ui-btn-up-e {
	border: 1px solid 		#981C1E /*{e-bup-border}*/;
}
.ui-header .ui-btn-hover-e {
	border: 1px solid 		#981C1E /*{e-bup-border}*/;
}

/* Barra footer: color fuente y sombras */
.ui-navbar .ui-btn-inner{
	text-shadow: 0 0px 0 #fff; 
	color: 	#F7C942;
}

/* Barra footer: bordes de los botones */
.ui-navbar .ui-btn-up-e {
	border: 1px solid 		#981C1E /*{e-bup-border}*/;
}
.ui-navbar .ui-btn-down-e{
	border: 1px solid 		#981C1E /*{e-bup-border}*/;
}
.ui-navbar .ui-btn-hover-e{
	border: 1px solid 		#BD262B /*{e-bup-border}*/;
}






/* Fijado de la barra de footer */
.fixedFooter {
	position: fixed !important;
	left: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
	z-index: 999 !important;
}
.ui-mobile [data-role="page"], .ui-page{
	border-bottom: 49px solid #000;
}
#home{
	border-bottom: none;
}

.contenedorImagenHeader{
	display:block;
	height:35px;
	text-align: center;
}


/* Objetos tabulados */
.tabulado{
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
}





/* Ajustes exclusivos para Movil */
/*      Se redefiniran en los css para otros dispositivos  */

.soloMovil{
	display: inline;
}
/* Ajustes del contenido segundario */
.content-secondary { 
		display: none;
}


/* Ajustes del fondo */

#inicio .ui-content {
	background-size: 100% auto; 
	background: transparent url(../img/FONDOS_SMARTPHONE/INICIO.jpg) no-repeat center bottom;
}
#elToro .ui-content, #origenes .ui-content, #ganaderias .ui-content, #caracteristicas .ui-content {
	background-size: 100% auto; 
	background: transparent url(../img/FONDOS_SMARTPHONE/EL_TORO.jpg) no-repeat center bottom;
}
#elTorero .ui-content, #formacion .ui-content, #vestimenta .ui-content, #cuadrilla .ui-content {
	background-size: 100% auto; 
	background: transparent url(../img/FONDOS_SMARTPHONE/EL_TORERO.jpg) no-repeat center bottom;
}
#laPlaza .ui-content, #arquitectura .ui-content, #presidente .ui-content, #otros .ui-content {
	background-size: 100% auto; 
	background: transparent url(../img/FONDOS_SMARTPHONE/LA_PLAZA.jpg) no-repeat center bottom;
}
#laCorrida .ui-content, #paseillo .ui-content, #tercioVaras .ui-content, #tercioBanderillas .ui-content, #tercioMuleta .ui-content, #trofeos .ui-content {
	background-size: 100% auto; 
	background: transparent url(../img/FONDOS_SMARTPHONE/LA_CORRIDA.jpg) no-repeat center bottom;
}