html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

/* ------------------------- INSERTAMOS CSS MEDIA PARA ORDENADORES ---------------------- */
@media all and (min-width: 960px) {
	body {
		-ms-font-size: 1.4rem;
		-webkit-font-size: 1.4rem;
		-moz-font-size: 1.4rem;
		-o-font-size: 1.4rem;
		font-size: 1.4rem;
	}
}	

/* ------------------------- INSERTAMOS CSS MEDIA PARA TABLETS ---------------------- */
@media all and (max-width: 959px) and (min-width: 600px) {
	body {
		-ms-font-size: 2.5rem;
		-webkit-font-size: 2.5rem;
		-moz-font-size: 2.5rem;
		-o-font-size: 2.5rem;
		font-size: 2.5rem;
		
		line-height:3.5rem;
	}
	
	a {font-size:1.5rem;}
	a.boton {padding: 0.5rem 1rem; font-size:1.5rem; font-size:var(--txt3);}
	
/*BOTONES NUEVOS.
Quise sustituir los css de los elementos a (enlaces), pero se me alteran muchas cosas, sobre todo de la Agenda, por lo cual desistí de la idea*/
input[type="submit"],[type="reset"],[type="boton"],[type="buttom"],[type="button"]:not(.BotonPeq) {
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;

	height:4.8rem !important;
	padding: 0.5rem 2rem;
	font-size:1.8rem;
	letter-spacing: 0.2rem;
	
	-ms-border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-o-border-radius: 2rem;
	border-radius: 2rem;

	border: orange 0.2rem solid !important;
	 
	background: -webkit-linear-gradient(white 0%, white 5%, #f3c040 15%, #f3c040 90%, white 100%) !important;
	background: -moz-linear-gradient(white 0%, white 5%, #f3c040 15%, #f3c040 90%, white 100%) !important;
	background: -ms-linear-gradient(white 0%, white 5%, #f3c040 15%, #f3c040 90%, white 100%) !important;
	background: -o-linear-gradient(white 0%, white 5%, #f3c040 15%, #f3c040 90%, white 100%) !important;
	background: linear-gradient(white 0%, white 5%, #f3c040 15%, #f3c040 90%, white 100%) !important;
}

/*En tablets ni móviles no hace falta la clase hover, porque no se alcanza a ver*/

.BotonPeq {
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;

	margin:2rem; /*Aquí no coge, por lo cual lo pondremos al final de css tablet*/
	height:3.8rem;
	padding: 0.5rem 3rem !important /*DEI*/;
	font-size:2.1rem !important /*DEI*/;
	letter-spacing: 0.4rem;

	-ms-border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-o-border-radius: 2rem;
	border-radius: 2rem;

	border: green 0.2rem solid !important;
	
	background: -webkit-linear-gradient(white 0%, white 5%, #6db467 15%, #6db467 90%, white 100%) !important;
	background: -moz-linear-gradient(white 0%, white 5%, #6db467 15%, #6db467 90%, white 100%);
	background: -ms-linear-gradient(white 0%, white 5%, #6db467 15%, #6db467 90%, white 100%);
	background: -o-linear-gradient(white 0%, white 5%, #6db467 15%, #6db467 90%, white 100%);
	background: linear-gradient(white 0%, white 5%, #6db467 15%, #6db467 90%, white 100%) !important;
}

.BotonPeq:hover {
	background: -webkit-linear-gradient(white 0%, white 5%, #60c957 15%, #60c957 90%, white 100%);
	background: -moz-linear-gradient(white 0%, white 5%, #60c957 15%, #60c957 90%, white 100%);
	background: -ms-linear-gradient(white 0%, white 5%, #60c957 15%, #60c957 90%, white 100%);
	background: -o-linear-gradient(white 0%, white 5%, #60c957 15%, #60c957 90%, white 100%);
	background: linear-gradient(white 0%, white 5%, #60c957 15%, #60c957 90%, white 100%) !important;
/*	border: green 0.2rem solid !important;*/
}

.Boton3 {
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;

	height:1rem !important;
	border: 0px outset #CCC;
	width:auto;
	padding: 0.3rem 1.5rem;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6rem;
	font-weight:bold;
	font-style:italic;
	color: #cccccc !important;
	text-transform:uppercase;
	letter-spacing: 0.2rem;
	text-decoration: none;
	cursor: hand;	
	
	-ms-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	border-radius: 1rem;

/*	-ms-margin: 0.5rem 1rem;
	-webkit-margin: 0.5rem 1rem;
	-moz-margin: 0.5rem 1rem;
	-o-margin: 0.5rem 1rem;
	margin:0.5rem 1rem;*/
	
	 border: #aaaaaa 0.1rem solid !important;
	 
	background: -webkit-linear-gradient(white 0%, white 5%, #293364 15%, #293364 90%, white 100%);
	background: -moz-linear-gradient(white 0%, white 5%, #293364 15%, #293364 90%, white 100%);
	background: -ms-linear-gradient(white 0%, white 5%, #293364 15%, #293364 90%, white 100%);
	background: -o-linear-gradient(white 0%, white 5%, #293364 15%, #293364 90%, white 100%);
	background: linear-gradient(var(--color0) 0%, var(--color0) 5%, var(--color3) 15%, var(--color3) 90%, var(--color0) 100%);
	background: linear-gradient(#ccc 0%, #ccc 5%, #293364 15%, #293364 90%, #ccc 100%);
}

.Boton3:hover {
	background: -webkit-linear-gradient(white 0%, white 5%, #253898 15%, #253898 90%, white 100%);
	background: -moz-linear-gradient(white 0%, white 5%, #253898 15%, #253898 90%, white 100%);
	background: -ms-linear-gradient(white 0%, white 5%, #253898 15%, #253898 90%, white 100%);
	background: -o-linear-gradient(white 0%, white 5%, #253898 15%, #253898 90%, white 100%);
	background: linear-gradient(#ccc 0%, #ccc 5%, #253898 15%, #253898 90%, #ccc 100%) !important /*DEI*/;

	border: #253898 0.2rem solid !important;
	color:#eeeeee !important;
}



	/*Asignamos estilo para los div de error en los formularios*/
	/*Para todos, excepto radiobuttons y checkbox*/
	.DivError + .Req{ border: red 0.3rem solid;}
	/*Para radiobuttons y checkbox*/
	.DivError {font-size:2rem; line-height:2.5rem;}

	/*Css para el texto de los campos que indican los campos asterisco (p. ej. campos requisito)*/
	.DivCampoAsterisco p{ margin:2rem auto 1rem; font-size:1.7rem; font-size:var(--txt3);}
	
	/*Css para la clase que contiene el nombre del campo*/
	/*.NombreCampo{ margin:2rem 0 1rem; width:100%; padding:2rem 0 1rem;}*/
	/*.NombreCampo{ margin:0; width:100%; padding:0;}*/
	
	p {margin:0;}
	
	/*INSERTAMOS ESTILOS PARA LOS ELEMENTOS DEL ACORDEÓN*/
	.tblAcordeon {margin-top:2rem; padding-bottom:3rem;}

	.accordion h3 {
		margin:0 auto;
		width: 100%;
		font-size:2.2rem;
		font-size:var(--txt4);
		padding:1.2rem 0;
	}
	
	/*Para separar los h3 cuando haya más de 1*/
	.accordion h3:not(:first-of-type) {margin-top:3rem;}
	.accordion .block {font-size:2rem; line-height:3rem; font-size:var(--txt4);}
	.block p {margin:1rem 2rem; text-align:center;}
	/*Hacemos que cada botón se muestre en una línea aparte, y lo centramos. Ojo: En ordenador es block, pero en tablet y móvil, inline */
	.block input[type="submit"], .block input[type="reset"], .block input[type="boton"], .block input[type="buttom"], .block input[type="button"] { display:inline; margin:2rem auto;}

	/*Configuramos css para acordeón que esté contenido en tblListaBD*/
	.tblListaBD td .accordion h3 {height:1.4rem !important /*DEI*/; padding-top:0.5rem !important;}

	/*INSERTAMOS ESTILOS PARA LOS ELEMENTOS DE LAS SECTIONS DE FECHA*/
	.SectionFecha article div{display:inline-block !important /*DEI*/;}
		.SectionFecha article div:nth-child(1){ width:33%;}
		.SectionFecha article div:nth-child(2){ width:37%;}
		.SectionFecha article div:nth-child(3){ width:20%;}
		.SectionFecha input[type="text"]{ min-width:10rem;}

	/*INSERTAMOS ESTILOS PARA SECTION PRIVACIDAD*/
	.ContenedorPrivacidad { width:100%;}

/*INSERTAMOS ESTILOS PARA LOS ELEMENTOS DE LAS SECTIONS DE SEXO y LAS SECTIONS SíNo*/
	.SectionSexo, .SectionSiNo {margin-left:1rem; width:100%;}
		.SectionSexo div, .SectionSiNo div {display:inline; max-width:90%; padding:0.5rem 1rem; }
		/*Aquí, por primera vez, aplicaremos la idea de utilizar variables css respaldadas con el valor en constante, como los px y los rem*/
		.SectionSexo p, .SectionSiNo p {display:inline; text-align:right; font-size:2.1rem; font-size:var(--txt4);}
		
/*CREAMOS CSS PARA LOS INPUT, TEXTAREA, DIVS Y LABELS RELACIONADOS CON EL PLACEHOLDER*/

	/*Los css para los campos text, password y textarea están configurados según lo requerido por las funciones que muestra el placeholder en la parte superior del campo al comenzar a escribir en ellos.*/
	input[type="text"],[type="password"] {
		height:4.5rem;
		padding-top:3rem;
		padding-bottom:0rem;
		padding-left:1.4rem;
	}

	input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder { font-size:2rem;}
	
	textarea {
		padding-left:1.8rem;
		padding-top:2rem;
		font-size:1.7rem !important /*DEI*/;
		font-size: var(--txt3) !important /*DEI*/;
	} 
	
	/*Css para las etiquetas placeholder que son hermanas de un textarea*/
	textarea ~ .LabelPlaceholder {
		padding-left:1.3rem;
	}
	
	/*Css para los campos que contienen número de teléfono*/
	.Telefono { min-width:20rem !important /*DEI*/;}
	
	/*El div debe tener position relativa, para que se ubique normalmente dentro de su contenedor; pero el label debe tener position absoluta, para que se ubique arriba y la izquierda del DivPlaceholder que lo contiene, superponiéndose y haciéndose visible dentro del respectivo campo input.*/
	.DivPlaceholder {position:relative; display:inline-block /*para que se ajuste al tamaño del campo*/ !important;}
	
	.LabelPlaceholder {
		position: absolute;
		top: -0.5rem !important /*DEI*/; 
		left: 2rem !important /*DEI*/;
		font-size:2rem !important /*DEI*/;
		color:#999;
	}
		
/*Css para los elementos relacionados con el boton para seleccionar el color del administrador*/
	.DivBotonColor {
		border: white 0.2rem solid;
	}

	/*INSERTAMOS ESTILOS PARA LOS INPUT DESTINADOS A CONTENER UNA FECHA*/
	.CampoFecha { font-size:2rem;}
	
	/*INSERTAMOS ESTILOS PARA SELECTS*/
	Select {
		-ms-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	
		-ms-font-size:1.8rem;
		-webkit-font-size:1.8rem;
		-moz-font-size:1.8rem;
		-o-font-size:1.8rem;
		
		min-width: 15rem;
		max-width: 90%;
		height:7.5rem;
		border: 0;
		padding:0 3rem 0 1rem;

		background:url("/Imagenes/Iconos/TrianguloSelectTablet.png") no-repeat scroll right center white;
		
		/*Insertamos css para crear bordes biselados*/
		 border-top: #999 0.3rem solid;
		 border-left: #999 0.3rem solid;
		 border-bottom: #e9e9e9 0.3rem solid;
		 border-right: #e9e9e9 0.3rem solid;
	}
	
	select img{max-height: 10%; width: auto; border: red 0.5rem solid;}

	/*Los selects de #TablaHorarios no hace falta que sean tan altos como los del resto*/
	#TablaHorarios select {height:4.5rem;}
	
	.SinCabecera td{ font-size:2.5rem !important; font-size:var(--txt5);}

	.SectionTelefonos p { font-size:1.7rem; font-size:var(--txt3);}

	/*Css para title, es decir, los textos de ayuda que se muestran al pasar el mouse por encima de la imagen que muestra un interrogante, en ordenador, o al hacer click en esa imagen, en móviles*/
	.Title {
		font-size:1.5rem;
		line-height:2rem;
		font-style:italic;
	}

	/*INSERTAMOS ESTILOS PARA TABLAS*/
	.tblContenedorGral { padding:0rem; padding-bottom:4rem;}
	.tblCabecera {margin: 1rem auto 0; width:90%;}
	.tblFondo2 {width:95%;}
		.tblFondo2 td{padding-top: 1.75rem;}
		
		/*Para tblFondo2 y tblContenido en las páginas de errores y ok*/
		.PgErroresOk .tblFondo2, .PgErroresOk .tblContenido { width:90% !important;}

	.tblContenido {width:95%;}
		.tblContenido th {padding:1.5rem 0; font-size:2.5rem;}
		.tblContenido td {padding:2rem 0 0;}
	.tblContInt1 {width:93%; margin: 0 auto 2rem;}
		.tblContInt1 td{padding: 2rem 0;}

		/*Para tblContInt1 en las páginas de errores y ok*/
		.PgErroresOk .tblContInt1 { width:80%;}

	.tblContInt2 {width:93%;}
		.tblContInt2 td{padding-top:0;}
	.tblContInt3 {}
	.tblContInt4 {width:70%; padding: 0;}
	.tblListaBD {border: #999 0.2rem solid;}
		.tblListaBD th {font-size:1.7rem;}
		.tblListaBD td {font-size:2rem; line-height:2.2rem !important; /*No quitar el important*/ font-size:var(--txt4);}
		
	/*Coloreamos líneas divisorias entre celdas del título, excepto en la última celda*/
	.tblListaBD th{ border-right: #aaa 0.2rem solid;}
	/*La última celda no debe ir con borde*/
	.tblListaBD th:last-child{ border-right: 0;}

	/*Estilos para las tablas ListaBD cuando están contenidas en un acordeón*/
	.accordion .tblListaBD {width:95%; border: #ccc 0.2rem solid;}
	.accordion .tblListaBD th{
		background-color:#666;
		height:3rem;
		font-size: 12px;
		font-size: 1.6rem;
		font-weight: bold;
		color: white;
		text-transform: uppercase;
		border-bottom: white 1px solid;
		border-bottom: white 0.1rem solid;
		padding:0.2rem;
	}

	.accordion .tblListaBD td{font-size:1.8rem; font-size:var(--txt3);}
	.accordion .tblListaBD input[type="radio"],[type="checkbox"]{margin:0.8rem !important;}

	.tblCeldaUnica td {}
	
/*	#tblColores input[type="BotonColor"]{font-size:1.6rem; font-size:var(--txt3);}*/
	.BotonColor{width:100%; font-size:1.2rem !important /*DEI*/; font-size:var(--txt2) !important /*DEI*/; padding:0 !important /*DEI*/;}
	
	.TblDiasHoras {width:85%; margin: 0 auto; border: white 0.3rem solid;}

	/*Los selects de la tabla tblDia pueden ser normales*/
	.tblDia select { margin: 1rem 0; height: 5rem; }

	/*Agregamos css para evitar que las seudoclases de tablas anteriores predominen sobre css de la tabla botones, debido al mayor peso que dan las seudoclases sobre las clases simples en la especificidad*/
	.tblBotones td:nth-child(2n+1), .tblBotones td:nth-child(2n+2){text-align:center; padding:1rem;}

	/*Configuramos la tabla que contendrá los horarios para los días de la semana*/
	.TblDiasHoras td:nth-child(1) {width:20% !important /*Dejar el important*/; background:yellow !important;}
	.TblDiasHoras img {width:2.5rem !important /*Dejar el important*/; height:10rem !important;}
	.TblDiasHoras select { width:5rem !important;}
	
	/*Css para formulario de una sola columna*/
	.tblFormulario1 {width:70%;}
	
	/*Css para formulario de dos columnas*/
	.tblFormulario2 { width:70%;}
	.tblFormulario2 td{padding: 1.5rem 0 !important;}
	.tblFormulario2 td:nth-child(1n){padding-right:0.5rem !important;}

	/*Css para filas que contienen el checkbox de activar/desactivar las demás casillas*/
	table .FilaActivarCheck td{background:#888; height:4rem !important /*(Dejar el important)*/; font-size:1.3rem !important /*(Dejar el important)*/;  font-size:var(--txt3) !important;}
	
	textarea {
		-ms-font-size: 2rem;
		-webkit-font-size: 2rem;
		-moz-font-size: 2rem;
		-o-font-size: 2rem;
	
		font-size: 2rem;
		font-size: var(--txt3);
		width:100%;
		max-width:75%;
		border:0;
		padding:1rem;

		/*Insertamos css para crear bordes biselados*/
		 border-top: #999 0.3rem solid;
		 border-left: #999 0.3rem solid;
		 border-bottom: #e9e9e9 0.3rem solid;
		 border-right: #e9e9e9 0.3rem solid;
	}

	#TotalesTabla {margin: 1.5rem auto; font-size:2.1rem;}
	
	.txtAsterisco {font-size:1.8rem; line-height:2rem;}
	.txtPequeno {font-size: 90%;}
	.txtExtraPequeno {font-size: 80%;}

	.txt1 {
		font-size: 0.9rem;
		line-height:1.3rem;
	}
	.txt2 {
		font-size: 1.3rem;
		line-height:1.7rem;
	}
	.txt3 {
		font-size: 1.7rem;
		line-height:2.1rem;
	}
	.txt4 {
		font-size: 2.1rem;
		line-height:2.5rem;
	}
	.txt5 {
		font-size: 2.5rem;
		line-height:2.9rem;
	}
	.txt6 {
		font-size: 2.9rem;
		line-height:3.3rem;
	}
	.txt7 {
		font-size: 3.3rem;
		line-height:3.7rem;
	}
	.txt8 {
		font-size: 3.7rem;
		line-height:4.1rem;
	}
	.txt9 {
		font-size: 4.1rem;
		line-height:4.5rem;
	}	
		
	/*Aparte de las tablas, es necesario también configurar desde este archivo algunas otras características como los anchos de los campos. */
	.Alerta {background-color: yellow;}
	#Alerta {font-size: 2.7rem;} 
	
	/*ESTILOS PARA UBICAR EL LANZADOR DEL CALENDARIO (Deben ir aquí.*/
	.ui-datepicker-trigger { 
		margin-top:1.5rem;
		margin-left: 0.5rem;
		margin-bottom:0px;
		position:absolute;
	}
	/*ESTILO PARA REDIMENSIONAR LA IMAGEN DEL CALENDARIO*/
	img[src*="Calendario"] {width: 6rem; height: 4rem;}

	/*ESTILO PARA QUE LOS CAMPOS FECHA DEJEN ESPACIO PARA EL CALENDARIO*/
	#TbFecha {max-width:75%;}
	
	/*ESTILOS PARA UBICAR EL POPUP DEL CALENDARIO (Deben ir aquí.*/
	.ui-datepicker {
		-webkit-transform: scale(0.88,0.88) translate(18rem,0rem);
		-moz-transform: scale(0.88,0.88) translate(18rem,0rem);
		-ms-transform: scale(0.88,0.88) translate(18rem,0rem);
		-o-transform: scale(0.88,0.88) translate(18rem,0rem);
		transform: scale(0.88,0.88) translate(18rem,0rem);
	}

	.ui-datepicker select {
		height:5rem !important;
		padding:0 !important;
	}


/*Agregamos css de elementos que se interfieren con css de elementos posteriores*/
	.BotonPeq {
		margin:2rem auto 0 !important;
	}
	
	input[type="submit"],[type="reset"],[type="boton"],[type="buttom"],[type="button"]:not(.BotonPeq) {
		margin:2rem auto 0 !important;
	}
	
/* ----------- INSERTAMOS CSS PARA PÁGINAS EN LA NUEVA METODOLOGÍA DESECHANDO WORDPRESS ------- */

/*.DivPagina {
	margin-bottom:5rem;
}
.main-navigation {
	position:absolute;
	top:0rem;
	display:table;
	width:100%;
	margin:0 auto;
	background:black;
	opacity:0.7;
	margin-top:0;
}
.main-navigation div {
	display:table-cell;
	width:16.66%;
	font-size:1.2rem;
	color:#ccc;
	text-transform:uppercase;
	text-align:center;
	padding:2rem 0 1rem;
	transition: background 1s;
}
.main-navigation div:hover {
	background:var(--color-1A);
	opacity:1;
	color:white;
	cursor:pointer;
}
.SectionContenido {
	width:100%;
	margin-top:8rem;
}
.ArticleContenido {
	background:#ccc;
	width:70%;
	text-align:center;
	margin:0 auto;
	border: white 0.1rem solid;
	padding-bottom:3rem;
}*/
.ArticleContenido h3 {
	font-size:1.4rem;
}
/*
.ArticleContenido img {
	width:100px;
	height:300px;
}
.ArticleContenido p {
	text-align:left;
	margin-left:2rem;
	line-height:1rem;
}
img.ImgContenido {
	width:100%;
	height:auto;
}
.DivMapaContacto {
	display:inline-block;
	border: white 0.1rem solid;
	padding:2rem;
}*/

/* ----------- HASTA AQUÍ CSS PARA PÁGINAS EN LA NUEVA METODOLOGÍA DESECHANDO WORDPRESS ------- */	
	
}

/* ------------------------- INSERTAMOS CSS MEDIA PARA MÓVILES ---------------------- */
@media all and (max-width: 599px) and (min-width: 320px) {
	body {
		-ms-font-size: 1.2rem;
		-webkit-font-size: 1.2rem;
		-moz-font-size: 1.2rem;
		-o-font-size: 1.2rem;
		font-size: 1.2rem;
		
		line-height:2rem;
	}

	a {font-size:0.7rem;}
	a.boton {padding: 0.5rem 0.5rem; font-size:0.8rem;}

	/*Asignamos estilo para los div de error en los formularios*/
	/*Para todos, excepto radiobuttons y checkbox*/
	.DivError + .Req{ border: red 0.2rem solid;}
	/*Para radiobuttons y checkbox*/
	.DivError {font-size:1rem; line-height:1.2rem;}

	/*Css para los DivErrorTelefonos en la validación de los formularios*/
	#DivErrorTelefonos, #DivErrorSexo {padding:0.2rem !important;}

	/*Css para el texto de los campos que indican los campos asterisco (p. ej. campos requisito)*/
	.DivCampoAsterisco p{ margin:1rem auto 0.5rem; font-size:0.9rem; font-size:var(--txt3);}
	

	/*Css para la clase que contiene el nombre del campo*/
/*	.NombreCampo{ margin:1rem 0 0.5rem; width:100%;}
	.NombreCampo p{ text-align:left;}*/
	
	/*Separación en párrafos que anteceden a type button*/
	/*p ~ label input[type="button"]{ margin-top:1rem;}*/

	/*Agregamos css para evitar que las seudoclases de tablas anteriores predominen sobre css de la tabla botones, debido al mayor peso que dan las seudoclases sobre las clases simples en la especificidad*/
	.tblBotones td:nth-child(2n+1), .tblBotones td:nth-child(2n+2){text-align:center; padding:1rem;}

	/*INSERTAMOS ESTILOS PARA LOS ELEMENTOS DEL ACORDEÓN*/
	.tblAcordeon {margin-top:2rem; padding-bottom:2rem;}

	.accordion h3 {
		margin:0 auto;
		width: 100%;
		height:2rem;
		font-size:1.2rem;
		padding:0.5rem 0;
	}
	
	/*Para separar los h3 cuando haya más de 1*/
	.accordion h3:not(:first-of-type) {margin-top:2rem;}
	
	.accordion .block {font-size:1.2rem; line-height:1.8rem;}

	/*Hacemos que cada botón se muestre en una línea aparte, y lo centramos. Ojo: En ordenador es block, pero en table y móvil, inline */
	.block input[type="submit"], .block input[type="reset"], .block input[type="boton"], .block input[type="buttom"], .block input[type="button"] { display:inline; margin:1rem auto;}

	/*Configuramos css para acordeón que esté contenido en tblListaBD*/
	.tblListaBD td .accordion h3 {
		height:1.2rem !important /*DEI*/;
		padding-top:0.4rem !important;
		font-size:0.6rem;

		/*Quitamos la flecha de la cabecera del acordeón*/
		background:url("") #293364;
	}

	/*INSERTAMOS ESTILOS PARA LOS ELEMENTOS DE LAS SECTIONS DE FECHA*/
	.SectionFecha article div{display:inline-block !important /*DEI*/;}
		.SectionFecha article div:nth-child(1){ width:30%;}
		.SectionFecha article div:nth-child(2){ width:40%;}
		.SectionFecha article div:nth-child(3){ width:20%;}
		.SectionFecha input[type="text"]{ min-width:5rem;}
		.SectionFecha #TbDiaNac{ max-width:1rem;}
		.SectionFecha #TbMesNac{ min-width:10rem;}

	/*INSERTAMOS ESTILOS PARA LOS ELEMENTOS INPUT-TEXT E INPUT-PASSWORD*/
/*	input[type="text"], [type="password"] {
		-ms-font-size: 1.2rem;
		-webkit-font-size: 1.2rem;
		-moz-font-size: 1.2rem;
		-o-font-size: 1.2rem;
	
		font-size: 1.2rem;
		margin: 0;
		max-width: 90%;
		height: 25px;
		height: 2.5rem;
	}
*/	
/*CREAMOS CSS PARA LOS INPUT, TEXTAREA, DIVS Y LABELS RELACIONADOS CON EL PLACEHOLDER*/

	/*Los css para los campos text, password y textarea están configurados según lo requerido por las funciones que muestra el placeholder en la parte superior del campo al comenzar a escribir en ellos.*/
	input[type="text"],[type="password"] {
		height:3rem;
		padding-top:1rem;
		padding-bottom:0rem;
		padding-left:0.5rem;

		/*Insertamos css para crear bordes biselados*/
		 border-top: #999 0.2rem solid;
		 border-left: #999 0.2rem solid;
		 border-bottom: #e9e9e9 0.2rem solid;
		 border-right: #e9e9e9 0.2rem solid;
	 
		/*Configuramos la curvatura de las esquinas*/
		-ms-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-o-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
	}

	/*Css para el placeholder del input y el textarea*/
	input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder { font-size:1rem;}
	
	textarea {
		padding-left:0.5rem;
		padding-top:2rem /*DEI*/;
	} 
	
	/*Css para las etiquetas placeholder que son hermanas de un textarea*/
	textarea ~ .LabelPlaceholder {
		padding-left:0.5rem;
	} 

	/*Css para los campos que contienen número de teléfono*/
	.Telefono { min-width:10rem !important /*DEI*/;}
	
	/*El div debe tener position relativa, para que se ubique normalmente dentro de su contenedor; pero el label debe tener position absoluta, para que se ubique arriba y la izquierda del DivPlaceholder que lo contiene, superponiéndose y haciéndose visible dentro del respectivo campo input.*/
	.DivPlaceholder {position:relative; display:inline-block /*para que se ajuste al tamaño del campo*/;}
	
	.LabelPlaceholder {
		position: absolute;
		top: -0.2rem !important /*DEI*/; 
		left: 1rem !important /*DEI*/;
		font-size:1.1rem !important /*DEI*/;
		color:#999;
	}	

/*Cuando se ha marcado error es necesario bajar la ubicación de la etiqueta placeholder*/
	.DivError ~ .LabelPlaceholder {
		top: 1.2rem !important /*DEI*/;
	}
	
	textarea {
		-ms-font-size: 1rem;
		-webkit-font-size: 1rem;
		-moz-font-size: 1rem;
		-o-font-size: 1rem;
	
		font-size: 1rem;
		border:0;

		/*Insertamos css para crear bordes biselados*/
		 border-top: #999 0.2rem solid;
		 border-left: #999 0.2rem solid;
		 border-bottom: #e9e9e9 0.2rem solid;
		 border-right: #e9e9e9 0.2rem solid;
	}
	
	#TotalesTabla {margin: 1rem auto; font-size:1rem;}
	
	.txtAsterisco {font-size:0.8rem;}
	
	.txt1 {
		font-size: 0.8rem;
		line-height:1.2rem;
	}
	.txt2 {
		font-size: 0.9rem;
		line-height:1.3rem;
	}
	.txt3 {
		font-size: 1rem;
		line-height:1.4rem;
	}
	.txt4 {
		font-size: 1.1rem;
		line-height:1.5rem;
	}
	.txt5 {
		font-size: 1.2rem;
		line-height:1.6rem;
	}
	.txt6 {
		font-size: 1.3rem;
		line-height:1.7rem;
	}
	.txt7 {
		font-size: 1.4rem;
		line-height:1.8rem;
	}
	.txt8 {
		font-size: 1.5rem;
		line-height:1.9rem;
	}
	.txt9 {
		font-size: 1.6rem;
		line-height:2rem;
	}	
	
/*/////////////////////////////////////////////////////////////////////////////////////////*/
	/*INSERTAMOS ESTILOS PARA BOTONES. LOS ORDENAMOS AQUÍ ALFABÉTICAMENTE POR "INPUT"*/

	input[type="submit"],[type="reset"],[type="boton"],[type="buttom"],[type="button"]:not(.BotonPeq) {
		margin:0 auto;
		font-size:10px;
		font-size:1rem;
		letter-spacing:1.5px;
		letter-spacing:0.15rem;
		padding:5px 10px;
		padding:0.5rem 1rem;
	}

	.BotonPeq { margin:0 auto; padding:0.5rem 2rem; font-size: 1.2rem;}

	/*INSERTAMOS ESTILOS PARA SELECTS*/
	Select {
		-ms-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	
		-ms-font-size:3rem;
		-webkit-font-size:3rem;
		-moz-font-size:3rem;
		-o-font-size:3rem;
		
		margin: 0.2rem 0 ;
		border: 0;
		height: 25px;
		height: 4.4rem;
		min-width: 7rem;
		
		/*En móviles fue necesario agregar un padding derecho para que la flecha no quedara encima del texto*/
		padding-right:2rem;

		background:url("/Imagenes/Iconos/TrianguloSelectMovil.png") no-repeat scroll right center white;

		/*Insertamos css para crear bordes biselados*/
		 border-top: #999 0.2rem solid;
		 border-left: #999 0.2rem solid;
		 border-bottom: #e9e9e9 0.2rem solid;
		 border-right: #e9e9e9 0.2rem solid;
	}	

	.SectionTelefonos p { font-size:1rem; font-size:var(--txt3);}

	/*Css para title, es decir, los textos de ayuda que se muestran al pasar el mouse por encima de la imagen que muestra un interrogante, en ordenador, o al hacer click en esa imagen, en móviles*/
	.Title {
		font-size:0.9rem;
		font-size:var(--txt3);
		line-height:1.1rem;
		font-style:italic;
	}

	/*INSERTAMOS ESTILOS PARA TABLAS*/
	.tblContenedorGral {padding-bottom:1rem;}
	.tblCabecera {margin: 0 auto; width:90%; padding:initial; height:1rem;}
		.tblCabecera td{padding:initial; height:1rem;}
	.tblFondo2 {width:98%;}
		.tblFondo2 td{padding-top:0.1rem; padding-bottom:2rem;}

		/*Para tblFondo2 en las páginas de errores y ok*/
		.PgErroresOk .tblFondo2 { width:90% !important;}
		.PgErroresOk .tblFondo2 td{ padding:0;}

	.tblContenido {width:99%; margin-top:0.2rem; border: #999 0.1rem solid;}
		.tblContenido th {padding:0.5rem 0; font-size:1.2rem;}
		.tblContenido td {padding:1rem 0 0;}
		
		/*Para tblContenido en las páginas de errores y ok*/
		.PgErroresOk .tblContenido {width:90% !important; margin:1rem 0 3rem;}
		
	.tblContInt1 {width:93%; margin: 0 auto 2rem;}
		.tblContInt1 td{padding:0.5rem 0;}

		/*Para tblContInt1 en las páginas de errores y ok*/
		.PgErroresOk .tblContInt1 { width:80%; margin-top:1rem; padding:0 5rem !important;}
		.PgErroresOk .tblContInt1 td{ padding:0 1rem;}

	.tblContInt2 {width:93%; margin-top:1rem;}
	.tblContInt3 {}
	.tblContInt4 {width:70%; padding: 0;}
	.tblListaBD {}
		.tblListaBD th {font-size:0.8rem; line-height:1rem;}
		.tblListaBD td {font-size:1.2rem; line-height:1.4rem; font-size:var(--txt4);}

	/*Configuramos tblListaBD que estén dentro de un acordeón*/
	.accordion .tblListaBD { width:50%;}

	.tblCeldaUnica td {font-size:1.2rem;}
	.tblBotones {}
		.tblBotones td {padding:1rem 0;}

	/*Los selects de la tabla tblDia pueden ser normales*/
	.TblDiasHoras {width:85%; margin: 0 auto; border: white 0.1rem solid;}
	.tblDia select { margin: 0.5rem 0; height: 2.8rem; }


	/*Configuramos la tabla que contendrá los días y las horas*/
	.TblDiasHoras td:nth-child(1) {width:25% !important /*Dejar el important*/;}
	.TblDiasHoras img {width:1.5rem !important /*Dejar el important*/; height:7rem !important;}
	.TblDiasHoras select { min-width:6rem !important /*DEI*/;}

	#TablaHorarios { width:100% !important;}
	#TablaHorarios select { min-width:5.5rem;}

	/*Css para formulario de una sola columna*/
	.tblFormulario1 {width:70%;}
	
	/*Css para formulario de dos columnas*/
	.tblFormulario2 { width:70%;}
	.tblFormulario2 td{padding:0.7rem 0 !important /*DEI*/;}

	/*Css para filas que contienen el checkbox de activar/desactivar las demás casillas*/
	table .FilaActivarCheck td{background:#888; height:4rem !important /*(Dejar el important)*/; font-size:0.6rem !important /*(Dejar el important)*/;  font-size:var(--txt2) !important;}
	
	/*Aparte de las tablas, es necesario también configurar desde este archivo algunas otras características. */
	.Alerta {background-color: yellow;}
	#Alerta {font-size: 1.2rem;} 
	
	/*ESTILOS PARA UBICAR EL LANZADOR DEL CALENDARIO (Deben ir aquí.*/
	.ui-datepicker-trigger { 
		margin-top:1rem;
		margin-top:0.5rem;
		margin-left: 0.5rem;
		margin-bottom:0;
		position:absolute;
	}
	
	/*ESTILO PARA REDIMENSIONAR LA IMAGEN DEL CALENDARIO*/
	img[src*="Calendario"] {width: 4rem; height: 2.5rem;}

	/*ESTILO PARA QUE LOS CAMPOS FECHA DEJEN ESPACIO PARA EL CALENDARIO*/
	#TbFecha {max-width:75%;}

	/*ESTILOS PARA UBICAR EL POPUP DEL CALENDARIO (Deben ir aquí.*/
	.ui-datepicker {
		-webkit-transform: scale(1,1) translate(20rem,0);
		-moz-transform: scale(1,1) translate(20rem,0);
		-ms-transform: scale(1,1) translate(20rem,0);
		-o-transform: scale(1,1) translate(20rem,0);
		transform: scale(1,1) translate(20rem,0);
	}
	
	.ui-datepicker select {
		height:2.3rem !important;
		padding:0 !important;
	}
	
	/*#tblColores input[type="BotonColor"]{font-size:0.8rem; font-size:var(--txt3);}*/
	.BotonColor {font-size:0.7rem !important; font-size:var(--txt3) !important; padding:0 !important;}
	
/* ----------- INSERTAMOS CSS PARA PÁGINAS EN LA NUEVA METODOLOGÍA DESECHANDO WORDPRESS ------- */

/*.DivPagina {
	margin-bottom:5rem;
}
.main-navigation {
	position:absolute;
	top:0rem;
	display:table;
	width:100%;
	margin:0 auto;
	background:black;
	opacity:0.7;
	margin-top:0;
}
.main-navigation div {
	display:table-cell;
	width:16.66%;
	font-size:1.2rem;
	color:#ccc;
	text-transform:uppercase;
	text-align:center;
	padding:2rem 0 1rem;
	transition: background 1s;
}
.main-navigation div:hover {
	background:var(--color-1A);
	opacity:1;
	color:white;
	cursor:pointer;
}
.SectionContenido {
	width:100%;
	margin-top:8rem;
}
.ArticleContenido {
	background:#ccc;
	width:70%;
	text-align:center;
	margin:0 auto;
	border: white 0.1rem solid;
	padding-bottom:3rem;
}*/
.ArticleContenido h3 {
	font-size:1.4rem;
}
/*
.ArticleContenido img {
	width:100px;
	height:300px;
}
.ArticleContenido p {
	text-align:left;
	margin-left:2rem;
	line-height:1rem;
}
img.ImgContenido {
	width:100%;
	height:auto;
}
.DivMapaContacto {
	display:inline-block;
	border: white 0.1rem solid;
	padding:2rem;
}*/

/* ----------- HASTA AQUÍ CSS PARA PÁGINAS EN LA NUEVA METODOLOGÍA DESECHANDO WORDPRESS ------- */		
}