/*CLASES APLICADAS A ELEMENTOS*/

body {
	width:98%;
	box-sizing:border-box;
	margin:0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}


img {
	border: 0;
}

ul {
	list-style-type:none;
}

a {
	text-decoration:none;
	color:#444;
}

.clear {
	clear:both;
}

.displaynone {
	display:none;
}
#contenedor {
	padding:100px 10px 0 10px;
}

h1 {
	display:none;
}

div#centro {
	display: -webkit-flex;
	-webkit-flex-direction: row;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}
div#centro div#c1 {
	order:3;
	flex-basis:100%;
}
div#centro div#c2 {
	order:2;
	flex-basis:100%;
}
div#centro div#c3 {
	order:1;
	flex-basis:100%;
	margin-top:10px;
}
/* #ppal_titulares es un lista ul que contiene las noticias */
ul#ppal_titulares::before {
	color:#003979;
	font-size:130%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom:2px solid #003979;
	padding-bottom:5px;
	content: 'Actualidad';
	display:block;
}
#ppal_titulares {
	padding-left:0;
}
#ppal_titulares img {
	width:100%;
	border-radius:5px;
	margin-bottom:20px;
}



#ppal_titulares li {
	display:none;
	border-bottom:1px solid #ccc;
	margin-top:1em;
	padding-bottom:1em;
}
#ppal_titulares li:nth-child(1),
#ppal_titulares li:nth-child(2) {
	display: block;
}

#ppal_titulares a {
	color: #003979;
	font-weight:bold;
}

a.mas-noticias {
	display:block;
	margin-bottom:30px;
	background: url('../imagenes/mas.gif') no-repeat left center;
	background-size:40px;
	padding-left:50px;
	box-sizing: border-box;
	text-decoration: underline;
}

/*CAPA  MAPA*/
#mini_mapa {
	padding:10px;
	border-top:1px solid #ccc;
	display: -webkit-flex;
	-webkit-flex-direction: row;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	margin:0;

}

ul#mini_mapa  {
	padding:0;
	margin:0;
	max-width:100%;
}
#mini_mapa > li {
	border-bottom:3px solid #888;
	background:#ddd;
	padding:10px;
	flex-basis:100%;
}
#mini_mapa > li:nth-child(1),
#mini_mapa > li:nth-child(2),
#mini_mapa > li:nth-child(6) {
	display:none;
}
#mini_mapa li span {
	color:#aa3700;
}


/*PESTAÑAS CENTRO*/

#ppal_pestanas_cpi {
	display: -webkit-flex;
	-webkit-flex-direction: row;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#ppal_pestanas_cpi h2 {
	margin:10px 0;
}
#ppal_pestanas_cpi h2 a {
	color:#003979;
	border-bottom:2px solid #6685A1;
	display:block;
	padding:10px 0;
}
#ppal_pestanas_cpi h2 a::after {
	color:#003979;
	content: ' \1F53B  ';
	font-size:80%;
}
#ppal_pestanas_cpi h2.pestana_activa a::after {
	content: ' \1F53A  ';
}
#ppal_pestanas_cpi h2#pestana_ciudadanos.pestana_inactiva a::after {
	color:#003979;
	content: ' \1F53B  ';
}
#ppal_pestanas_cpi * {
	flex-basis:100%;
}
#ppal_pestanas_cpi ul a {
	display:block;
	background:#ccc;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;

}
#ppal_pestanas_cpi ul {
	margin:0;
	padding:0;
}
#ppal_pestanas_cpi li {
	margin-top:10px;
	padding:0;
}

#ppal_ciudadanos,
#ppal_profesionales,
#ppal_institucion {
	display:none;
}
#ppal_ciudadanos.activa,
#ppal_profesionales.activa,
#ppal_institucion.activa {
	display:block;
	width:100%;
}


div#c3 .promociones {
	display:none;
}

div#c2 .promociones p {
	display:none;
}


.promociones,
.promocionactual {
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
	border:1px solid #ccc;
}


.promocionactual img {
	width:100%;
}

.promocionactual span.dms {
	color:#f00;
}

.promociones img {
	width:100%;
}

video {
	width:100%;
	padding:10px 0;
	border:2px solid #ccc;
}

ul#ppal_menu_comun {
	padding-left:0em;
	text-align:center;
}

ul#ppal_menu_comun {
	padding-top:0;
	width:100%;
    margin-top: 0;
}

ul#ppal_menu_comun li {
	background-image: linear-gradient(#eee, #ddd);
	width:100%;
	padding:5px 0;
	margin-bottom:0.5em;
	border:1px solid #ccc;
	border-radius:0.5em;
	-webkit-border-radius: 0.5em;
}

ul#ppal_menu_comun li:hover {
	background-image: linear-gradient(#eee, #c2e0df);

	border-color:#b2dedd;
}

ul#ppal_menu_comun a > img {
	display:none;
}

ul#ppal_menu_comun	{
	text-align:left;
}
#ppal_menu_comun a {
	display:table-cell;
	width:75%;
	height: 38px;
	padding-left:70px;
	background: url('../imagenes/menu-derecha.png');
	background-color: transparent;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
  	vertical-align: middle;
  	color:#555;
  	font-weight: bold;
  	background-size:50px;

}
#ppal_menu_comun a.cita-previa-registro {
	font-size:80%;
	background-position: 10px 0px;
}

#ppal_menu_comun a.cita-previa {
	background-position: 10px 0px;
}

#ppal_menu_comun a.portal_paciente {
	background-position: 10px -38px;
}
#ppal_menu_comun a.bolsas-sms {
	background-position: 10px -76px;
}
#ppal_menu_comun a.tramites {
	background-position: 10px -115px;
}
#ppal_menu_comun a.crh {
	background-position: 10px -152px;
}

#ppal_menu_comun a.email {
	background-position: 10px -190px;
}

#ppal_menu_comun a.pac {
	background-position: 10px -226px;
}
#ppal_menu_comun a.oposiciones-sms {
	background-position: 10px -268px;
}
#ppal_menu_comun a.bvms-menu-derecha  {
	background-position: 10px -306px;
}
#ppal_menu_comun a.centros-sanitarios-menu-derecha  {
	background-position: 10px -344px;
}
#ppal_menu_comun a.transparencia-sms {
	background-position: 10px -380px;
}

#ppal_menu_comun a.pasaporte-covid {
	background-position: 10px -418px;
}
#ppal_menu_comun a.desplazados_sms {
	background-position: 10px -463px;
}
#ppal_menu_comun a img {
	max-width:90%;
}

ul#ppal_menu_comun a > img {
	display:none;
}





/*OLA DE CALOR - INDICES TERMICOS*/

div.extremos_termicos {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}
div.extremos_termicos table {
	text-align: center;
	border: 1px solid #C5C5C5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	border-collapse:collapse;

}
div.extremos_termicos table th,
div.extremos_termicos table td {
	border:none;
	margin:0;
	border-bottom:1px solid #ccc;
	padding:2px 0;
}
div.extremos_termicos table tr {
}
div.extremos_termicos caption {
	color:#555;
	background:url("../imagenes/sol1.gif") no-repeat left center;
    font-weight: bold;
    padding:10px 0;

}

div.extremos_termicos p {
	padding:10px;
	font-weight: bold;
	text-align:center;
}
.extremos_termicos_amarillo {
	border: 1px solid #FF0;
	background: #FF0;
}

.extremos_termicos_verde {
	border: 1px solid #85D58F;
	background: #85D58F;
}
.extremos_termicos_rojo {
	border: 1px solid #F00;
	background: #F00;
}

.extremos_termicos_naranja {
	border: 1px solid #FF9900;
	background: #FF9900;
}
.minima_alta {
	color:#54ACD0;
	font-weight:bold;
}
.maxima_alta {
	color:#F00;
	font-weight:bold;
}
.letra_roja {
    color: #FF0000;
}

/**
 * Mensaje de aviso
 */
#aviso-importante {
    font-weight: bold;
    background: #EAFC71;
    color: #333333;
    padding: 0.5em 1em;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
}

/*MENINGOCOCO C*/

a.meningococo_c {
	display:none;
}

ul.menu_hijo {
	padding:0;
}

ul.menu_hijo a {
	display:block;
	padding:10px 0;
}

/*CROMOS*/
#banners {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:0em 5px;
}
#banners ul {
	padding:10px 0;
}
#banners li{
	display:inline-block;
}
#banners li a {
	display:block;
	color: transparent;
	background-color: transparent;
	width:120px;
	height:55px;
  	background-image: url("../imagenes/BANNERS120X55.jpg");
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
  	float:left;
  	font-size:0em;
  	border:1px solid #ccc;
}

	#banners li a {
		width:120px;
		height:55px;
	  	background-image: url("../imagenes/BANNERS120X55.jpg");
	}

	#banners li a.banner1 {
	  	background-position: 0px 0px;
	}
	#banners li a.banner2 {
	  	background-position: 0px -55px;
	}
	#banners li a.banner3 {
	  	background-position: 0px -110px;
	}
	#banners li a.banner4 {
	  	background-position: 0px -165px;
	}
	#banners li a.banner5 {
	  	background-position: 0px -220px;
	}
	#banners li a.banner6 {
	  	background-position: 0px -275px;
	}
	#banners li a.banner7 {
	  	background-position: 0px -330px;
	}
	#banners li a.banner8 {
	  	background-position: 0px -385px;
	}
	#banners li a.banner9 {
	  	background-position: 0px -440px;
	}
	#banners li a.banner10 {
	  	background-position: 0px -495px;
	}
	#banners li a.banner11 {
	  	background-position: 0px -550px;
	}
	#banners li a.banner12 {
	  	background-position: 0px -605px;
	}
	#banners li a.banner13 {
	  	background-position: 0px -660px;
	}
	#banners li a.banner14 {
	  	background-position: 0px -715px;
	}
	#banners li a.banner15 {
	  	background-position: 0px -770px;
	}
	#banners li a.banner16 {
	  	background-position: 0px -825px;
	}
	#banners li a.banner17 {
	  	background-position: 0px -880px;
	}
	#banners li a.banner18 {
	  	background-position: 0px -935px;
	}
	#banners li a.banner19 {
	  	background-position: 0px -990px;
	}
	#banners li a.banner20 {
	  	background-position: 0px -1045px;
	}
	#banners li a.banner21 {
	  	background-position: 0px -1100px;
	}
	#banners li a.banner22 {
	  	background-position: 0px -1155px;
	}

	#banners li a.banner23 {
	    background-position: 0px -1210px;
	}

	#banners li a.banner24 {
	    background-position: 0px -1265px;
	}

	#banners li a.banner25 {
	    background-position: 0px -1320px;
	}

	#banners li a.banner26 {
	    background-position: 0px -1375px;
	}

	#banners li a.banner27 {
	    background-position: 0px -1430px;
	}

	#banners li a.banner28 {
	    background-position: 0px -1705px;/*1485*/
	}
	#banners li a.banner29 {
	    background-position: 0px -1540px;
	}
	#banners li a.banner30 {
	    background-position: 0px -1595px;
	}
	#banners li a.banner31 {
	    background-position: 0px -1650px;
	}
	#banners li a.banner32 {
	    background-position: 0px -1760px;
	}
	#banners li a.banner32 {
	    background-position: 0px -1760px;
	}
	#banners li a.banner33 {
	    background-position: 0px -1815px;
	}
	#banners li a.banner34 {
	    background-position: 0px -1870px;
	}
	div#centro div#info-coronavirus div.info-general {
		background: url('../imagenes/fondo.covid.png') no-repeat;
		background-size:cover;
		color:#fff;
		box-sizing: border-box;
		font-size:130%;
	}
	div#centro div#info-coronavirus {
		margin:20px 0 0 0;
	}
	div#centro div#info-coronavirus .info-general {
		margin-bottom:10px;
		padding:10px;
	}
	div#centro div#info-coronavirus .info-general > div {
		border-bottom:2px solid #fff;
		padding-bottom:10px;
	}
	div#centro div#info-coronavirus div.info-general ul {
		margin: 0;
		padding: 0;
	}
	div#centro div#info-coronavirus div.info-general ul li {
		margin-bottom:5px;
	}
	div#centro div#info-coronavirus div.info-general ul a {
		color:#fff;
		border-bottom: 1px dotted #fff;
		padding-bottom:2px;
		display:block;
		padding:10px 0;
	}
	div#centro div#info-coronavirus .info-general > div.telefono a {
		color:#fff;
		font-size: 120%;
	}
/*RESPONSIVE
   ========================================================================= */

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (orientation:landscape) {

	body {
		max-width: 1023px;
		font-size:small;
	}
	#ppal_titulares li {
		display:block;
	}
	#ppal_titulares a {
		line-height:35px;
		font-size:150%;
	}
	a.mas-noticias {
		background-size: 20px;
		padding-left:30px;
		height: 20px;
	}


	div#centro div#c1 {
		order:1;
	}
	div#centro div#c2 {
		order:2;
	}
	div#centro div#c3 {
		order:3;
		margin:0;
	}

	div#centro {
		box-sizing:border-box;
	}

	div#centro div#c1,
	div#centro div#c2 {
		flex:1 1 33%;
		padding:10px 10px;
		box-sizing:border-box;
	}
	div#centro div#c1 {
		border-right:1px dotted #ccc;
	}
	div#centro div#c3 {
		flex-basis:22%;
		padding: 10px 10px;
		box-sizing:border-box;
		border-left:1px dotted #ccc;
	}
	ul#mini_mapa {
		width:100%;
	}
	#mini_mapa ul {
		margin-left:20px;
	}


	#mini_mapa > li {
		border:0;
		border-left:1px solid #aaa;
		padding:10px 10px;
		flex-basis:30%;
		font-size:110%;
		line-height: 2em;
		background:transparent;
	}
	#mini_mapa > li:nth-child(1),
	#mini_mapa > li:nth-child(4) {
		border:none;
	}



	#ppal_menu_comun .bvms-menu-derecha,
	#ppal_menu_comun .centros-sanitarios-menu-derecha {
		display:none;
	}

	#ppal_menu_comun a img {
		max-width:90%;
	}

	ul#ppal_menu_comun a > img {
		display:block;
	}
	ul#ppal_menu_comun a > img+span {
		display:none;
	}


	#mini_mapa li span.b1 {
		background-position: 0px 0px;
	}
	#mini_mapa li span.b2 {
		background-position: 0px -28px;
	}
	#mini_mapa li span.b3 {
		background-position: 0px -59px;
	}
	#mini_mapa li span.b4 {
		background-position: 0px -84px;
	}
	#mini_mapa li span.b5 {
		background-position: 0px -115px;
	}

	#mini_mapa li  > ul {
		list-style-image:url('../../../imagenes/bullet.gif');
		margin-top:0.5em;
	}


	#mini_mapa a:hover{
		text-decoration:underline;
	}

	div#c3 div.promociones {
		display:block;
	}

	.promocionactual a > div {
		flex-basis:100%;
	}
	/*PESTAÑAS CENTRO*/

	#ppal_pestanas_cpi {
		display: -webkit-flex;
		-webkit-flex-direction: row;

		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#ppal_ciudadanos.activa {
		order:1;
	}
	#ppal_profesionales.activa {
		order:2;
	}
	#ppal_institucion.activa {
		order:3;
	}
	#ppal_ciudadanos {
		order:4;
	}
	#ppal_profesionales {
		order:5;
	}
	#ppal_institucion {
		order:6;
	}
	#ppal_pestanas_cpi h2#pestana_ciudadanos a::after,
	#ppal_pestanas_cpi h2.pestana_activa a::after  {
		content: '\0000a0\0000a0\0000a0';
	}
	#ppal_pestanas_cpi h2:first-child a {
		background:#ddf0f7;
	}
	@keyframes colorPestanas {
	  from {background-color:#ccc;}
	  to {background-color:#ddf0f7;}
	}


	#ppal_pestanas_cpi h2.pestana_inactiva:first-child a {
		background:#ccc;
	}
	#ppal_pestanas_cpi h2 {
		flex-basis:auto;
		font-size:70%;
		margin:20px 3px 0 3px;
		padding:10px 0;

	}

	#ppal_pestanas_cpi h2 a {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		padding:10px 5px;
		background:#ccc;
		border:none;
		color:#555;
		display:inline;
	}
	#ppal_pestanas_cpi h2.pestana_activa a {
		animation:colorPestanas;
		animation-duration: 1s;
		background:#ddf0f7;
	}
	#ppal_pestanas_cpi ul {
		animation:colorPestanas;
		animation-duration: 1s;
		background-color:#ddf0f7;
		padding:140px 20px 20px 20px;
		font-size:110%;
		background-repeat:  no-repeat;
		background-position: center 20px;
		background-size:360px;
	}
	#ppal_ciudadanos {
		display:block;
	}
	#ppal_ciudadanos.displaynone {
		display:none;
	}
	#ppal_ciudadanos.activa {
		order:1;
	}
	#ppal_profesionales.activa {
		order:2;
	}
	#ppal_institucion.activa {
		order:3;
	}

	#ppal_ciudadanos {
		background-image:url('../imagenes/happy_family.jpg');
	}

	#ppal_profesionales {
		background-image:url('../imagenes/profesionales.jpg');
	}
	#ppal_institucion {
		background-image:url('../imagenes/fachada_consejeria.jpg');
	}
	#ppal_pestanas_cpi ul li {
		padding-left:20px;
		background: url(../../../imagenes/bullet.gif) no-repeat left center;
	}
	#ppal_pestanas_cpi ul a {
		display:inline;
		background:transparent;
		padding:0;
		border-radius:0;
		-moz-border-radius:0;
	}
	#ppal_pestanas_cpi li {
		margin-top:10px;
		padding:0;
	}

	#mini_mapa > li:nth-child(1),
	#mini_mapa > li:nth-child(2),
	#mini_mapa > li:nth-child(6) {
		display:block;
	}
	#mini_mapa li span {
		font-weight: bold;
	}
	div#c2 .promociones p {
		display:block;
	}
	ul.menu_hijo a {
		display:inline;
		padding:10px 0;
	}

	div#centro div#info-coronavirus .info-general > div {
		border:none;
		margin: 0;
	}
	div#centro div#info-coronavirus > div img {
		width:100%;
		max-width:100%;
		border:1px solid #ccc;
	}


	div#centro div#info-coronavirus div.info-general span {
		display: block;
	}
	div#centro div#info-coronavirus div.info-general ul {
		margin: 0;
		padding: 0;
		text-align:right;
	}
	div#centro div#info-coronavirus div.info-general ul a {
		display: inline;
		padding:0;
	}
	div#centro div#info-coronavirus {
		/*display: -webkit-flex;
		-webkit-flex-direction: row;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content:center;*/
		margin:10px 0 0 0;
		flex-basis:100%;
	}
	div#centro div#info-coronavirus .info-general {
		/*flex:1 1 66%;*/
		display: -webkit-flex;
		-webkit-flex-direction: row;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	div#centro div#info-coronavirus div.info-general > div {
		flex-basis: 37%;
	}
	div#centro div#info-coronavirus div.info-general > ul {
		flex-basis: 37%;
	}
	div#centro div#info-coronavirus .info-general > div.telefono {
		padding-left:3%;
		flex-basis: 22%;		
	}

	div#centro div#info-coronavirus .info-general > div {
		font-size:130%;
	}
	div#centro div#info-coronavirus .info-general ul li:last-child {
		margin-top:20px;
	}
	div#centro div#info-coronavirus .info-general ul li:last-child a {
		color:#0c617d;
		background: #fff;
		padding:5px 10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		font-weight: bold;
	}

	/*div#centro div#info-coronavirus .telefono {
		flex-basis: 22%;
	}*/
}

@media (min-width: 768px) {
	#contenedor {
		padding:0;
	}
}
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	body {
		min-width: 1000px;
		max-width:1199px;
		margin:10px auto;
		border:1px solid #aaa;
		border-radius:10px;
		-moz-border-radius:10px;
		box-shadow: 4px 5px 5px #ccc;
		font-size:80%;
	}
	div#centro {
		padding:0 30px;
	}

	#ppal_pestanas_cpi h2 {
		flex-basis:auto;
		font-size:90%;
		margin:20px 5px 0 5px;
		padding:10px 0;
	}
	#ppal_pestanas_cpi h2 a {
		padding:10px 5px;
		background:#ccc;
	}
	a.meningococo_c {
		display:block;
		font-weight: bold;
		text-align: left;
		padding:10px;
		line-height: 25px;
		background-color:#f9f4f4;
		background-image:url('../imagenes/meningococo.png');
		background-repeat: no-repeat;
		background-position: top right;
		margin:0em;
		font-size:150%;
	}
	a.meningococo_c span.mc {
		color: #d40d6b;
		text-transform: uppercase;
		line-height: 1.1em;
	}
	a.meningococo_c span {
		color:#555;
	}
	#ppal_capa1_capa2 a.meningococo_c:hover {
		text-decoration: none;
	}
	#banners {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		text-align:center;
		padding:0em 1em;
	}
	#banners ul {
		padding:10px;
	}
	a[href^="tel:"] {
		cursor:text;
	}


}

/* Escritorios muy grandes
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {
	body {
		max-width:1400px;
	}
	div#centro div#c1,
	div#centro div#c2,
	div#centro div#info-coronavirus > * {
		flex-basis:35%;
	}
	div#centro div#c3,
	div#centro div#info-coronavirus .telefono {
		flex-basis:24%;
	}
	#ppal_pestanas_cpi ul {
		padding:140px 40px 20px 40px;
		background-size:400px;
	}
}