/* Fix IE problems with images - Solucionar problemas de IE con imágenes */
.ie img {
	width: inherit;  /* Make images fill their parent's space. Solves IE8. - Haz que las imágenes llenen el espacio de sus padres. Resuelve IE8. */
	max-width: 100% !important; /* Add !important if needed. - Agregue !importante si es necesario. */
	height: 100% !important;    /* Add !important if needed. - Agregue !importante si es necesario. */
}
/* Cambiar el fondo */
body.login {
	width: 100%;
	height: 100%;
	max-width: calc(100% - 1.25em) !important;
	margin: 0 auto !important;
	padding:0 0.625em !important;
	background-image: url('/images/container/cesydessa_marca-482x482.svg');
	background-position: 50% 2%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #004666;
	pointer-events: no; 
	cursor: default;
}
/* Reemplazar Logo */
#login h1 a, .login h1 a {
	background-image: url('/images/logos/logo-grupojomar-negro.svg');
	background-size: 7rem 7rem;
	margin-top: 0;
	height: 7rem;
	width: 7rem;
}
/* Formato Caja login */
body.login div#login form#loginform {
	background: #004666;
	font-weight: normal;
	background-position: 50% 2%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: auto !important;
	max-width: calc(100% - 0.625rem) !important;
	margin: 0 auto !important;
	padding: 0.625em !important;
	-webkit-border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-ms-border-radius: 0.313em;
	-o-border-radius: 0.313em;
	border-radius: 0.313em;
	-webkit-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);0, 35, 52
	-moz-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-ms-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-o-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	opacity: 0.94;
}
/* Formato Caja Registro */
body.login div#login form#registerform {
	background: #004666;
	font-weight: normal;
	-webkit-border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-ms-border-radius: 0.313em;
	-o-border-radius: 0.313em;
	border-radius: 0.313em;
}
/* Formato Caja Contraseña Perdida */
body.login div#login form#lostpasswordform {
	background: #004666;
	font-weight: normal;
	-webkit-border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-ms-border-radius: 0.313em;
	-o-border-radius: 0.313em;
	border-radius: 0.313em;
}
/* Formato texto etiquetas dentro de la caja */
.login label {
	color: White;
	font-size: 1em;
	font-weight: normal;
}
/* Formato caja input */
.login form .input, .login input[type=text], .login form input[type=checkbox] {
	background: White;
	font-weight: normal;
	-webkit-border-radius: 0.125em;
	-moz-border-radius: 0.125em;
	-ms-border-radius: 0.125em;
	-o-border-radius: 0.125em;
	border-radius: 0.125em;
}
/* Formato texto etiquetas fuera de la caja */
.login #nav a, .login #backtoblog a {
	text-decoration: none;
	color: #004666;
	font-weight: normal;
}
.login #nav a:hover, .login #backtoblog a:hover {
	color: #004060;
	font-weight: normal;
}
/* Formato caja mensajes */
div.updated, .login .message, .press-this #message, div.error, .login #login_error {
	background: #004666;
	color: White;
	font-weight: normal;
	-webkit-border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-ms-border-radius: 0.313em;
	-o-border-radius: 0.313em;
	border-radius: 0.313em;
	-webkit-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-moz-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-ms-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-o-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	border: 0.025em solid rgb(255, 255, 255);
	opacity: 0.94;
}
/* Formato texto mensajes */
p, .wp_attachment_details label[for=content] {
	color: White;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5;
	margin: 1em 0;
	opacity: 0.94;
}
/* Formato texto mensaje Política de Privacidad y Protección de Datos */
.privacy-policy-link {
	box-sizing: content-box;
	background: #004666;
	color: White;
	font-weight: normal;
	width: 100%;
	border: 0.025em solid rgb(0, 68, 102);
	padding: 0.625em;
	-webkit-border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-ms-border-radius: 0.313em;
	-o-border-radius: 0.313em;
	border-radius: 0.313em;
	-webkit-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-moz-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-ms-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	-o-box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	box-shadow: inset 0 -0.313em 0.313em rgba(0, 0, 0 ,0.1), 0 0 0 0.025em rgb(0, 35, 52), 0.313em 0.313em 1em rgba(0, 0, 0 ,0.7);
	opacity: 0.94;
	display: none;
}
a {
	color: White;
}
a:hover{
	color: Gold;
}
/* Eliminar el enlace de password olvidado */
p#nav {
	display: none;
}
/* Eliminar el enlace de volver a la Home */
p#backtoblog {
	display: none;
}
/* Eliminar selección de idioma */
.language-switcher {
	display: none;
}
/* Responsive */
div.container {
	width: 96%;
	max-width: 60em;
	margin: 0 auto;
}
img {
	width: 100%;
	height: auto;
}
body.container {
	width: 96%;
	max-width: 60em;
	margin: 0 auto;
}
img {
	width: 100%;
	height: auto;
}
/* 0 columna para smartphones */
	breakpoint {
		max-width: 100%;
		display: inline-block;
}
/* 1 columna para smartphones */
@media (max-width: 20em){
	breakpoint {
		max-width: 96%;
		display: inline-block;
	}
}
/* 2 columnas para tablets */
@media (min-width: 26.25em) {
	breakpoint {
		max-width: 48%;
	}
}
/* 4 columnas para grandes dispositivos*/
@media (min-width: 47.5em) {
	breakpoint {
		max-width: 24%;
	}
}