/*RESPONSIVE
   ========================================================================= */
div#encabezado,
div#nav_migas,
div#barra_menu_principal,
div#encabezado_movil {
	display:none;
}

body {
	border:none;
	width:100%;
	margin: 0 auto;

}
#middle * {
	color:#555;
	font-family: 'Lato', 'helvetica neue', 'Helvetica', 'Arial', 'sans-serif';
}

#middle a,
#middle h1,
#middle h2,
#middle h3,
#middle label,
h1 {
	text-align:center;
}
#middle span + label {
	text-align:left;
}

#condiciones-sin-aceptar * {
	/*font-size:150%;*/
}

#condiciones-sin-aceptar > label * {
	font-size:100%;
}

h2 {
	padding-bottom:10px;
	border-bottom:2px solid #555;
}
h1 img {
	max-width:100%;
}
#contenedor {
	background:transparent;
	border:none;
	padding:10px 20px;
}

#middle #situacion-profesional a,
#middle #no-corporativos a,
#middle .otras-opciones a,
#middle .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;	
}

#personal-cs-sms,
.no-corporativos {
	border-top:2px solid #D76B0A;
	border-bottom:2px solid #D76B0A;
	padding:10px 0;
}

div#mensaje {
	color:#333;
	font-size: 120%;
	width:100%;
	padding:20px;
	box-sizing: border-box;
}

div#mensaje * {
	line-height: 3rem;
}

div#mensaje li {
	margin-bottom:2rem;
}
div#mensaje h1 {
	color:transparent;
	background:url('../../encabezado/imagenes/murciasalud2.png') no-repeat center center;
	height:90px;
}

#middle div#mensaje .aviso-dnie,
#middle p.aviso {
	background:#f68800;
	color:#fff;
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#mensaje span.email {
	color:#f68800;
	border-bottom:1px solid #f68800;
}
p.error {
	text-align:center;
	background: #d8f2a5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #bcdf77;
	font-weight: bold;
	padding:20px;
	box-sizing: border-box;
}



#personal-cs-sms div *,
div.logindni *{
	flex-basis:100%;
	margin:10px 0;
}
#personal-cs-sms div input {
	flex-basis:80%;
	padding:10px;
}
#middle label,
#middle input {
	/*font-size:150%;*/
}
p#condiciones-sin-aceptar {
	align-content:flex-start;
}
p#condiciones-sin-aceptar label {
	flex-basis: 85%;
	text-align:left;
	margin:0 auto;
}
p#condiciones-sin-aceptar input {
	flex:10%;
	margin:15px auto 0 auto;
}
input[type="checkbox"],
input[type="radio"] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.5); /* IE */
	  -moz-transform: scale(1.5); /* FF */
	  -webkit-transform: scale(1.5); /* Safari and Chrome */
	  -o-transform: scale(1.5); /* Opera */
	transform:scale(1.5); 
	margin:5px 20px;
}


a,
a:visited {
	color:#555;
	text-decoration: underline;
}

a.que-desea,
#situacion-profesional a,
#situacion-profesional a:visited {
	display:block;
}

#situacion-profesional a:hover,
.otras-opciones a:hover  {
	background:#555;
	box-shadow: 5px 5px 5px #ccc;
}
input {
	border:1px solid #555;
}


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;	
}



div.alternativas-on,
div.alternativas {
	height:1000px;
	width:100%;
	box-sizing: border-box;
	position:absolute;
	margin: 0 auto;
	background:rgba(204,204,204,0.95);
	z-index:2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size:200%;
}
form.form-basico p {
	text-align: justify;
	font-family: 'Lato', 'helvetica neue', 'Helvetica', 'Arial', 'sans-serif';
	line-height: 2.5rem;
	font-size:110%;
}

form.form-basico {
	box-shadow: none;
}

form.form-basico + h2 {
	margin-top:40px;
}


div.alternativas {
	top:-1000px;
	animation:ocultaralternativas;
	animation-duration: 1s;
}
div.alternativas-on {
	top:0px;
	animation:mostraralternativas;
	animation-duration: 1s;
}
div.alternativas-on p {
	line-height: 3rem;
	margin-bottom: 3rem;
}
@keyframes ocultaralternativas {
  from {top:0px;}
  to {top:-1000px;}
}
@keyframes mostraralternativas {
  from {top:-1000px;}
  to {top:0px;}
}

div.alternativas-on p.cerrar {
	text-align:right;
	padding:10px;
}
div.alternativas-on p.cerrar::before {
	content:"\2716   ";
}


#middle div.botonera * {
	background:#f78e2f;
	color:#fff;
	padding:5px 10px;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	text-transform: uppercase;
	letter-spacing: .09em;
	background: #333;
	text-decoration: none;
}
input[type='submit']:hover {
	cursor:pointer;
}
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (orientation: landscape) {
	input[type="checkbox"],
	input[type="radio"] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.5); /* IE */
	  -moz-transform: scale(1.5); /* FF */
	  -webkit-transform: scale(1.5); /* Safari and Chrome */
	  -o-transform: scale(1.5); /* Opera */
	transform:scale(1.5); 
	  padding: 10px;
	  margin:10px;
	}
	body {
		border:1px solid #ccc;
		/*min-width: 600px;
		width: 600px;*/
		margin:0 auto;
	}
	#middle  * {
		font-size:large;
	}
	#condiciones-sin-aceptar > * {
		font-size:120%;
	}
	#middle label,
	#middle input {
		font-size:100%;
	}

	form.form-basico p,
	div.alternativas-on p {
		line-height: 1.5rem;
		margin-bottom: 1.5rem;
	}
	div.alternativas-on,
	div.alternativas {
		height:500px;
		width:540px;	
		font-size:100%;
	}

	div.alternativas-on {
		top:150px;
	}

	@keyframes ocultaralternativas {
	  from {top:150px;}
	  to {top:-500px;}
	}
	@keyframes mostraralternativas {
	  from {top:-500px;}
	  to {top:150px;}
	}

	div#mensaje * {
		line-height: 1.5rem;
	}
}