/***********************************************************/
/*       ANIMACIONES           ************/
/***********************************************************/

@keyframes mostrarmenu {
	from {
		left:-1000px;
	}
	to {
		left:0px;
	}
}
@keyframes ocultarmenu {
	from {
		left:0px;
	}
	to {
		left:-1000px;
	}
}

/***********************************************************/
/*       ESTILOS             ************/
/***********************************************************/

#contenedorcentral * {
	box-sizing:border-box;
}
#contenedor-bvms,#contenedorcentral,#contenido_plano {
	padding:0px;
}
h1,h2,h3,h4 {
	color:#4475b7;
	padding:10px 0;
	flex-basis:100%;
	box-sizing:border-box;
}
div#contenedor-bvms .principal h1 {
	color:#fff;
	background: url('../imagenes/covid-19-4922384_1920.jpg') no-repeat;
	background-size: cover;
	padding:30px 10px;
	margin-top:80px;
	border:1px solid #1d053a;
	border-radius: 10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 5px #ddd;
}
.principal h1 span {
	display:block;
	font-size:70%;
}

.principal .intro,
.principal .advertencia {
	border:1px dotted #1d053a;
	padding:10px;
	margin-top:10px;
	border-radius: 10px;
	-webkit-border-radius:10px;
}
.principal .advertencia {
	font-size:90%;
	background: #fffbaa;
	margin-bottom:10px;
}

.principal .advertencia p:first-child {
	font-weight: bold;
}
div#menu-y-login-desktop,a#menu_principal_on,a#menu_micuenta_on {
	display:none;
}
a#indice-sumario {
	position:fixed;
	top:105px;
	color:#fff;
	background:#aaa;
	display:block;
	width:100%;
	padding:5px 10px;
	font-weight:bold;
}
#contenido_plano {
	padding-top:40px;
}
ul#menu-sumario {
	position:absolute;
	left:-1000px;
	top:1px;
	font-size:95%;
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
ul#menu-sumario.menuvisible {
	top:1px;
	left:0;
	animation:mostrarmenu;
	animation-duration:2s;
}
ul#menu-sumario.menuoculto {
	animation:ocultarmenu;
	animation-duration:3s;
	left:-1000px;
	top:1px;
}
#contenedorcentral ul#menu-sumario li {
	background:none;
	box-sizing:border-box;
	margin:0;
	padding:0;
	max-width:100%;
}
#contenedorcentral ul#menu-sumario>li:first-child {
	text-align:right;
}

#contenedorcentral img {
	display:block;
	max-width: 100%;
	margin:10px auto;
}


ul#menu-sumario span {
	background-color:rgba(55,55,55,0.9);
}

#contenedorcentral ul#menu-sumario > li > ul {
	display:none;
}

#contenedorcentral ul#menu-sumario > li.menu-con-submenu a {
	background:url('../../comun/imagenes/desplegar-blanco.png') no-repeat 95% 50%;
	background-size:10px;
}
#contenedorcentral ul#menu-sumario > li.menu-con-submenu-activo a {
	background:url('../../comun/imagenes/plegar-blanco.png') no-repeat 95% 50%;
	background-size:10px;
}
ul#menu-sumario li a,
#contenedorcentral ul#menu-sumario > li.menu-con-submenu a,
#contenedorcentral ul#menu-sumario > li.menu-con-submenu-activo a,
ul#menu-sumario span {
	display:block;
	width:100%;
	padding:10px;
	color:#fff;
	border-bottom:1px solid #fff;
	background-color:rgba(22,22,22,0.9);
}

#contenedorcentral ul#menu-sumario > li > ul.submenuvisible {
	display:block;
}
#contenedorcentral ul#menu-sumario > li > ul.submenuvisible a {
	background: #12448A;

}
div#contenedor-bvms h1 {
	text-align:center;
	margin:5px 0;
	border-bottom:1px solid #4475b7;
	padding:30px 10px 10px 10px;
	font-size:120%;
} 
p {
	color:#333;
}
ol {
	padding:0 0 0 10px;
}
div.covid-contenido {
	padding:0 10px;
}
#contenedorcentral ol li {
	background:none;
}
div.sum-advertencia {
	padding:10px;
	background:#ffe7df;
	border:1px dotted #4d2c73;
	font-size:110%;
	margin-top:25px;
}
.contenido_comprimido>h2 {
	font-size:100%;
	border-bottom:2px solid #4475b7;
	color:#4475b7;
	background:url('../../comun/imagenes/desplegar.png') no-repeat right 15px;
	background-size:15px;
	padding:10px 20px 10px 10px;
	margin:10px 0 0 0;
	cursor:pointer;
}
.contenido_comprimido>h2.mostrarsiguiente {
	color:#12b864;
	background:url('../../comun/imagenes/plegar.png') no-repeat right 15px;
	background-size:15px;
	padding-right:20px;
	border:none;
}
.contenido_comprimido>h2 span {
	display:block;
	color:#f00;
	font-size:70%;
	font-weight:normal;
}
.contenido_comprimido>h2+div {
	display:none;
	padding:10px 20px;
	border:1px solid #12b864;
	border-top:2px solid #12b864;
	;
	margin-top:0px;
	border-radius:0 0 10px 10px;
	box-shadow:5px 5px 5px #ddd;
}
.contenido_comprimido>h2.mostrarsiguiente+div {
	display:block;
}
div.preguntas-clinicas div.flexrow-no-movil a {
    display: block;
    padding: 10px;
    background: #dee4e8;
    border: 1px dotted #4d2c73;
    font-size: 120%;
    margin: 10px;
    color: #333;
    line-height: 30px;
    text-align: center;
}
table {
	empty-cells: show;
	margin-bottom:20px auto;
	border-collapse: collapse;
	border:0;
	margin:0 auto;
	color:#333;
	width: 90%;
}
th {
	background: #555;
	color:#fff;
	padding:5px;
	text-align:left;
	border:1px solid #555;

}
td {
	border:1px solid #aaa;
	padding:5px;
	margin:0 auto;
}

tr {
	margin-top:10px;
}

td:first-child {
	font-weight: bold;

}

tbody tr:nth-child(even) {
	background:#ddd;
}

@media (min-width:1024px) {
	nav {
		flex-basis:25%;		
	}
	#contenedor-bvms {
		padding-top:10px;
	}
	div#contenedor-bvms .principal h1 {
		margin-top:10px;
	}
	ul#menu-sumario.menuvisible {
		animation:none;
	}
	ul#menu-sumario.menuoculto {
		animation:none;
	}
	#contenido_plano {
		padding:20px;
	}
	div#contenedor-bvms h1 {
		padding:10px 0 0 0;
		font-size:180%;
	}
	a#indice-sumario {
		display:none;
	}
	#contenedorcentral ul#menu-sumario {
		display:block;
		position:relative;
		left:0;
	}
	#contenedorcentral ul#menu-sumario li {
		margin-top:10px;
	}
	#contenedorcentral ul#menu-sumario>li:first-child {
		display:none;
	}


	ul#menu-sumario li a,
	ul#menu-sumario li span
	 {
		border:1px solid #1d053a;
		background:#4475b7;
		font-size:110%;
		box-shadow:3px 3px #ddd;
		text-align:center;
		border-radius:5px;
		-webkit-border-radius:5px;
		padding:4px 10px;

	}

	ul#menu-sumario span {
		background:#555;
	}
	ul#menu-sumario li a:hover {
		background:#12b864;
	}
	#contenedorcentral ul#menu-sumario > li.menu-con-submenu a,
	#contenedorcentral ul#menu-sumario > li.menu-con-submenu-activo a {
		background-color:#4475b7;
			padding:4px 0px;
	}
	div.covid-contenido {
		flex-basis:70%;
		margin-left:20px;
		padding-left:20px;
		box-sizing:border-box;
		border-left:1px dotted #4d2c73;
	}
	a[target='_blank']::after {
		content:url('https://www.murciasalud.es/recursos/app/bvms/imagenes/nueva-ventana.png');
		margin-left:10px;
	}
	.contenido_comprimido>h2 span {
		display:inline;
		font-size:90%;
	}
	span.movil {
		font-size:100%;
	}
	div.preguntas-clinicas div.flexrow-no-movil p {
		flex-basis:48%;
		margin:5px 0;
	}
}