.cabecera_grafica {
	margin:  				0px;
	padding:  				0px;
	background-color: 		gainsboro;
	display:  				flex;
	justify-content: 		center;
	position:  				relative;
	margin-bottom:  		80px;
}

.cabecera_grafica .conte_grafico {
	width:  				100%;
	height:  				500px;
	background-image: 		url("../_images/portada.png");
	background-position:  	center center;
	background-size: 		100% auto;
	object-fit: 			cover;
	z-index:  				9;
}

@media screen and (max-width: 1690px) and (min-width: 1291px) {
.cabecera_grafica .conte_grafico {
	background-size: 		100% auto;
	height:  				430px;
}
}


@media screen and (max-width: 1290px) and (min-width: 992px) {
.cabecera_grafica .conte_grafico {
	background-size: 		auto 100%;
	height:  				430px;
}
}


@media screen and (max-width: 991px) and (min-width: 768px) {
.cabecera_grafica .conte_grafico {
	background-size: 		auto 100%;
	height:  				350px;
}
}


@media screen and (max-width: 767px) {
.cabecera_grafica .conte_grafico {
	background-size: 		auto 100%;
	height:  				200px;
}
}

.cabecera_grafica .sobre_grafico {
	display:  				flex;
	flex-wrap:  			wrap;
	justify-content:  		center;
	align-items:  			center;
	position:  				absolute;
	margin: 				auto;
	width:  				90%;
	bottom:  				50px;
	padding:  				10px;
	background-color: 		rgba(255,255,255,0);
	color: 					black;
	z-index:  				99;
	text-align: 			center;
	text-shadow: 			0px 0px 10px white;
}

.inti_1 {
	font-size:  			1.8em;
	font-weight: 			500;
	width:  				100%;
}
.inti_2 {
	font-size:  			1.6em;
	font-weight: 			700;
	width:  				100%;
	margin:  				-20px;
}
.inti_3 {
	font-size:  			1.2em;
	font-weight: 			700;
	color:  				firebrick;
	width:  				100%;
}

.lges_1 {
	font-size:  			3em;
	font-weight: 			500;
	color: 					#003082;
	text-shadow: 			1px 1px 3px #003082;
}
.lges_2 {
	font-size:  			3em;
	font-weight: 			500;
	color:  				#07a3e1;
	text-shadow: 			1px 1px 3px #003082;
}

.cabecera_grafica .sobre_grafico_pie {
	display:  				flex;
	flex-wrap:  			wrap;
	justify-content:  		center;
	align-items:  			center;
	position:  				absolute;
	margin: 				auto;
	bottom:  				-80px;
	height:  				160px;
	width:  				70%;
	min-width:  			300px;
	padding:  				10px;
	background-color: 		rgba(255,255,255,0.5);
	color: 					#003082;
	z-index:  				99;
	text-align: 			center;
	-webkit-box-shadow: 	1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 		1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 			1px 1px 5px 0px rgba(0,0,0,0.75);
}

@media screen and (max-width: 1290px) and (min-width: 992px) {
.cabecera_grafica .sobre_grafico_pie {
	width:  				100%;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.cabecera_grafica .sobre_grafico_pie {
	width:  				100%;
	font-size:  			0.8em;
	bottom:  				-60px;
	height:  				120px;
}
}

@media screen and (max-width: 767px) {
.cabecera_grafica .sobre_grafico_pie {
	width:  				100%;
	font-size:  			0.6em;
	bottom:  				-50px;
	height:  				100px;
}
}
 
.logo_infomed {
	position:  				absolute;
	top: 					4px;
	left: 					10px;
	width: 					16%;
}

.logo_infomed img {
	width: 					100%;
}

@media screen and (max-width: 767px) {
.logo_infomed {
	position:  				relative;
	width: 					100%;
	text-align: 			center;
    padding: 				0px 0px 10px 0px;
}

.logo_infomed img {
	width: 					200px;
}
}