/*RESPONSIVE
   ========================================================================= */
h1,
.login-externo h2,
.login-externo h3 {
	margin:5px auto;
	text-align: center;
}

div.login-externo {
	padding:20px;
}
h1#login-principal {
	display:none;
}
#middle > div,
#middle > p {
	padding:10px;
}
p.error,
div#mensaje {
	text-align:center;
	background: rgba(247,142,47,0.5);
	color:#333;
	font-size: 120%;
	width:100%;
	padding:20px;
	box-sizing: border-box;

}
#personal-cs-sms *,
.no-corporativos *,
.cambio-pwd *
 {
	font-size:100%;
}

#personal-cs-sms div *,
div.logindni *,
.cambio-pwd * {
	flex-basis:100%;
	margin-bottom:10px;
}

div.logindni * {
	font-size:100%;
}
p#condiciones-sin-aceptar label {
	flex:0 1 90%;
	text-align:left;
}
input#aceptar_condiciones {
	flex:0 0 5%;
	text-align:right;
}
#personal-cs-sms,
.no-corporativos,
.cambio-pwd {
	border-top:1px solid #D76B0A;
	border-bottom:1px solid #D76B0A;
	padding:10px;
	box-shadow: 10px 10px 10px #ddd;
}

/*a,
a:visited {
	color:#555;
	text-decoration: underline;
}*/
a.que-desea,
#situacion-profesional a,
#situacion-profesional a:visited,
.otras-opciones a,
.otras-opciones a:visited {
	display:block;
	padding:10px;
	background:#f78e2f;
	color:#fff;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius:5px;
	box-shadow: 5px 5px 5px #ddd;
	text-decoration: none;
}
#situacion-profesional a:hover,
.otras-opciones a:hover  {
	background:#555;
	box-shadow: 5px 5px 5px #ccc;
	color:#fff;
}

input[type='submit'] {
	background:#f78e2f;
	color:#fff;
	padding:5px 10px;
	border:0;
}
input[type='submit']:hover {
	cursor:pointer;
}

a.dnie {
	padding: 180px 10px 10px 10px;
	border:1px solid #D76B0A;	
	background: url('../imagenes/dnie.png') no-repeat center 10px;
	background-color: #ffd0a5;
	margin-top:10px;
	text-align: center;
	display:block;
}
a.dniemini {
	display: block;
	padding: 10px;
	border:1px solid #D76B0A;	
	background-color: #ffd0a5;
	margin-top:10px;
	text-align: center;	
}

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (orientation: landscape) {
	div.login-externo {
		width:600px;
		min-width: 600px;
		margin:20px auto auto auto;
	}

	form.form-basico {
		font-size:90%;
	}


	#situacion-profesional,
	.otras-opciones {
		padding:10px 40px;
	}
	#personal-cs-sms  div  *,
	div.logindni *,
	.cambio-pwd *{
		margin: 10px;
		flex-basis:auto;
	}

	div#mensaje {
		text-align: left;
	}
}
 
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {


}

/* Escritorios grandes
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {

}