/*****ADMINISTRACIÓN*****/

/* Acceso clientes */

body {
  font-family: 'Muli', sans-serif;
  background: url(../../media/img/fondo-clientes.jpg);
  background-size: cover;
}

a, a:link, a:visited, .login #backtoblog a, .login #backtoblog a:link, .login #backtoblog a:visited {
	text-decoration:none;
	color: #dc0451;
	-webkit-transition: opacity .3s ease-in-out,color .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out,color .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out,color .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out,color .3s ease-in-out;
	transition: opacity .3s ease-in-out,color .3s ease-in-out;
}

a:hover, .login #backtoblog a:hover {
	color: #a8a8a8;
}

#login {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(255,255,255, 0.9);
	width: 360px;
	padding-top: 20px;
	top: 10%;
	position: relative;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

.login h1 a {
	display: inherit;
	background: url(../../media/img/logo-admin.png);
	height:53px;
	width: 84px;
	text-decoration:none;
	border-bottom:none;
}

.login form {
	margin-top: 0;
	padding: 20px;
	background:none;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

.login #login_error {
}

.mensaje-login {
	text-align: center;
	margin-bottom: 18px;
}

.login label, .login form .forgetmenot label {
	color: #303030;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
	font-weight: 600;
 	padding-bottom: 4px;
	font-size: 14px;
}

span.login-requerido {
    color: #cc0101;
 	font-size: 10px;
}

.login input[type="text"], .login input[type="password"] {
	margin: 16px 5px 16px 0;
	padding: 10px 0 10px 0;
	font-size: 14px;
	font-weight: 300;
	border-radius: 5px;
	border: 1px solid #777 !important;
	font-family: 'Muli', sans-serif;
	background-color: #fff;
	transition: box-shadow 0.1s, border 0.1s;
	-moz-transition: box-shadow 0.1s, border-color 0.1s;
	-webkit-transition: box-shadow 0.1s, border-color 0.1s;
	text-indent: 10px;
	color: #999;
}

.login input[type="text"]:hover, .login input[type="password"]:hover {
	color: #303030;
}

.login input[type="text"]:focus, .login input[type="password"]:focus {
	box-shadow: 0 0 4px 2px #e7a6ab;
	border: 1px solid #dc0351 !important;
	color: #303030;
}

.login form .forgetmenot, p.forgetmenot, .login #nav, .login #backtoblog {
	display: none;
}

#login form p.submit {
	text-align:center;
}

#wp-submit {
  height: 39px !important;
  margin-top: 4px;
  padding: 0 23px 0 23px !important;
  border: 2px solid #303030;
  font-size: 13px;
  font-weight: 600 !important;
  font-family: 'Muli', sans-serif !important;
  float:inherit;
  color: #303030;
  cursor: pointer;
  text-transform: uppercase;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-shadow: none;
  box-shadow: none;
  background: none;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
  -moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
  -ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
  -o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
  -webkit-box-sizing: initial !important;
  -moz-box-sizing: initial !important;
  box-sizing: initial !important;
}

.login #wp-submit:hover {
	  border: 2px solid #dc0451;
	  background-color: #dc0451;
	  color: #fff;
}

.login #login_error {
	padding: 6px 15px 6px 27px;
	margin: 0 20px;
  border-left:none;
    border: 1px solid #e84e1b;
  color: #e84e1b;
  font-weight: bold;
	background: rgba(232,78,27,0.1) url(../../media/img/error.png) no-repeat 3px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	
}

.login .message {
	padding: 6px 15px 6px 27px;
	margin: 0 20px;
  border-left:none;
    border: 1px solid #89a416;
  color: #89a416;
  font-weight: bold;
	background: rgba(137,164,22,0.1) url(../../media/img/info.png) no-repeat 3px center;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

@media only screen and (max-width: 320px) {

body {
  background: #fff;
}

#login {
	background-color: #fff;
	width: 100%;
	padding: 0 20px;
}
	
}