@font-face {
	font-family: 'Lato';
	src: url('/fonts/v1.x/v1.0/lato/lato-light-webfont.eot');
	src: url('/fonts/v1.x/v1.0/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/v1.x/v1.0/lato/lato-light-webfont.woff') format('woff'),  url('/fonts/v1.x/v1.0/lato/lato-light-webfont.ttf') format('truetype'),  url('/fonts/v1.x/v1.0/lato/lato-light-webfont.svg#latolight') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('/fonts/v1.x/v1.0/lato/lato-black-webfont.eot');
	src: url('/fonts/v1.x/v1.0/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/v1.x/v1.0/lato/lato-black-webfont.woff') format('woff'),  url('/fonts/v1.x/v1.0/lato/lato-black-webfont.ttf') format('truetype'),  url('/fonts/v1.x/v1.0/lato/lato-black-webfont.svg#latoblack') format('svg');
	font-weight: 900;
	font-style: normal;
}
.contenido_principal {
	margin-top: 0;
}
.contenido_especial {
	background: url(../img/fondo.png) no-repeat center;
	display: block;
	height: 1800px;
	position: relative;
}
.titulo {
	font: 900 40px/40px 'Lato', sans-serif;
	color: #021d25;
	text-transform: uppercase;
	padding: 30px 0 5px 20px;
}
.subtitulo {
	font: 300 30px/32px 'Lato', sans-serif;
	color: #021d25;
	padding: 0 0 10px 20px;
}
.entradilla {
	width: 400px;
	font: 300 19px/24px 'Lato', sans-serif;
	color: #021d25;
	padding-left: 20px;
}
p a {
	color: #4a5457;
}
p a:hover {
	color: #8a8c8d;
	text-decoration: none;
}
p.articulo {
	border-bottom: 1px dotted #4a5457;
	padding-top: 5px;
}
p.articulo:last-child {
	border-bottom: none;
}
.barra_compartir {
	width: 142px;
	padding: 10px 0 5px 20px;
}
.barra_compartir .list-compartir li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.barra_compartir .list-compartir li {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right: 1px;
}
.barra_compartir .list-compartir li .facebook {
	background: url(../img/ico_compartir.png) 0px 0px no-repeat;
	height: 26px;
	width: 27px;
	display: block;
}
.barra_compartir .list-compartir li .twitter {
	background: url(../img/ico_compartir.png) -28px 0px no-repeat;
	height: 26px;
	width: 27px;
	display: block;
}
.barra_compartir .list-compartir li .googlemas1 {
	background: url(../img/ico_compartir.png) -56px 0px no-repeat;
	height: 26px;
	width: 27px;
	display: block;
}
.barra_compartir .list-compartir li .eskup {
	background: url(../img/ico_compartir.png) -84px 0px no-repeat;
	height: 26px;
	width: 27px;
	display: block;
}
.barra_compartir .list-compartir li .tuenti {
	background: url(../img/ico_compartir.png)-111px 0px no-repeat;
	height: 26px;
	width: 27px;
	display: block;
}
.bloque_texto_izqda {
	float: left;
	margin-left: 20px;
	padding: 25px 0 0 0;
}
.bloque_texto_izqda p {
	width: 149px;
	font: 300 13px/15px 'Lato', sans-serif;
	color: #4a5457;
	padding: 5px 0 5px 0;
}
.bloque_texto_izqda h3.tit {
	font: 300 15px/20px 'Lato', sans-serif;
	color: #021d25;
	text-transform: uppercase;
	border-bottom: 1px solid #4a5457;
	width:200px;

}
.bloque_texto_izqda .grafic {
	background: url(../img/grafico.png) no-repeat;
	height: 15px;
	width: 20px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-right: 6px;
}
.bloque_texto_izqda .fotogal {
	background: url(../img/fotogaleria.png) no-repeat;
	height: 15px;
	width: 20px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-right: 6px;
}
.bloque_texto_izqda #desarrollo {
	margin-top: 151px;
}
#desarrollo .tit {
	width: 300px;
}
#desarrollo p{width:170px;}
.bloque_texto_izqda #gestos {
	margin-top: 55px;
	margin-left: 80px;
}
.bloque_texto_izqda #prematuros {
	margin-top: 270px;
}
.bloque_texto_izqda #desnutricion {
	margin-top: 110px;
}
.bloque_texto_izqda #alimentacion {
	margin-top: 75px;
}
#alimentacion .tit {
	width: 160px;
}
.bloque_texto_izqda #vacunas {
	margin-top: 210px;
	margin-left: 70px;
}
#vacunas .tit {
	width: 300px;
}
.bloque_texto_izqda #registro {
	margin-top: 100px;
	margin-left: 140px;
}
#registro .tit {
	width: 310px;
}
/* HOVER IZQUIERDA */

.bebe {
	background: url(../img/desarrollo_hov.png) no-repeat;
	width: 100px;
	height: 160px;
	position: absolute;
	top: 315px;
	left: 276px;
	display: none;
	z-index: 20;
}
#desarrollo:hover .bebe {
	display: block;
}
.brazo {
	background: url(../img/gestos_hov.png) no-repeat;
	width: 175px;
	height: 119px;
	position: absolute;
	top: 527px;
	left: 322px;
	display: none;
	z-index: 20;
}
#gestos:hover .brazo {
	display: block;
}
.ninias {
	background: url(../img/prematuros_hov.png) no-repeat;
	width: 191px;
	height: 149px;
	position: absolute;
	top: 773px;
	left: 211px;
	display: none;
	z-index: 22;
}
#prematuros:hover .ninias {
	display: block;
}
.comida {
	background: url(../img/desnutricion_hov.png) no-repeat;
	width: 221px;
	height: 158px;
	position: absolute;
	top: 1000px;
	left: 189px;
	display: none;
	z-index: 22;
}
#desnutricion:hover .comida {
	display: block;
}
.vacun {
	background: url(../img/vacunas_hov.png) no-repeat;
	width: 95px;
	height: 163px;
	position: absolute;
	top: 1300px;
	left: 365px;
	display: none;
	z-index: 22;
}
#vacunas:hover .vacun {
	display: block;
}
.regist {
	background: url(../img/registro_hov.png) no-repeat;
	width: 91px;
	height: 152px;
	position: absolute;
	top: 1415px;
	left: 450px;
	display: none;
	z-index: 22;
}
#registro:hover .regist {
	display: block;
}
/* lineas diagonales */
#linea_desnutricion {
	width: 68px;
	left: 215px;
	margin-top: 38px;
	position: absolute;
	border-bottom: #021d25 solid 1px;
	/* Rotate div */
	-ms-transform: rotate(32deg); /* IE 9 */
	-webkit-transform: rotate(32deg); /* Chrome, Safari, Opera */
	transform: rotate(32deg);
}
#linea_alimentacion {
	width: 294px;
	left: 364px;
	margin-top: -80px;
	position: absolute;
	border-bottom: #021d25 solid 1px;
	/* Rotate div */
	-ms-transform: rotate(-43deg); /* IE 9 */
	-webkit-transform: rotate(-43deg); /* Chrome, Safari, Opera */
	transform: rotate(-43deg);
}
/* columna derecha */
 
.bloque_texto_dcha {
	text-align: right;
	margin-right: 20px;
}
.bloque_texto_dcha .tit{float:right;clear:both;}
.bloque_texto_dcha p {
	font: 300 13px/15px 'Lato', sans-serif;
	color: #4a5457;
	text-align: right;
	padding: 5px 0 5px 0;
	float:right;clear:both;
	width:210px;
}
.bloque_texto_dcha h3.tit {
	font: 300 15px/20px 'Lato', sans-serif;
	color: #021d25;
	text-transform: uppercase;
	text-align: right;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #4a5457;
}
.bloque_texto_dcha .grafic {
	background: url(../img/grafico.png) no-repeat;
	height: 15px;
	width: 20px;
	display: block;
	text-indent: 9999px;
	margin-left: 6px;
	float: right
}
.bloque_texto_dcha .fotogal {
	background: url(../img/fotogaleria.png) no-repeat;
	height: 15px;
	width: 20px;
	display: block;
	text-indent: -9999px;
	margin-left: 6px;
	float: right
}
.bloque_texto_dcha #planificacion {
	position: absolute;
	top: 210px;
	text-align: right;
	right: 20px;
}
#planificacion .tit {
	width: 364px;
	text-align: right;
}
#planificacion p {
	text-align: right;
	width:210px;
}
.bloque_texto_dcha #familia {
	position: absolute;
	top: 450px;
	text-align: right;
	right: 20px
}
#familia .tit {
	width: 300px;
}
#familia p {
	text-align: right;
	margin-left: 100px;
}
.bloque_texto_dcha #mortalidad {
	position: absolute;
	top: 660px;
	text-align: right;
	right: 20px
}
#mortalidad .tit {
	width: 280px;
}
#mortalidad p {
	text-align: right;
	margin-left: 80px;
}
#linea_mortalidad {
	margin-top: 52px;
	position: absolute;
	right: 275px;
	width: 150px;
	border-bottom: #021d25 solid 1px;
	/* Rotate div */
	-ms-transform: rotate(-17deg); /* IE 9 */
	-webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
	transform: rotate(-17deg);
}
.bloque_texto_dcha #avances {
	position: absolute;
	top: 800px;
	text-align: right;
	right: 60px;
}
#avances p{width:230px;}
#avances .tit {
	width: 230px;
}
#avances p {
	text-align: right;	
}
#linea_avances {
	margin-top: 66px;
	position: absolute;
	right: 214px;
	width: 100px;
	border-bottom: #021d25 solid 1px;
	/* Rotate div */
	-ms-transform: rotate(-47deg); /* IE 9 */
	-webkit-transform: rotate(-47deg); /* Chrome, Safari, Opera */
	transform: rotate(-47deg);
}
.bloque_texto_dcha #donde_nacer {
	position: absolute;
	top: 927px;
	text-align: right;
	right: 20px;
}
#donde_nacer .tit {
	width: 400px;
}
#donde_nacer p {
	text-align: right;
	margin-left: 200px;
}
.bloque_texto_dcha #parto {
	position: absolute;
	top: 1050px;
	text-align: right;
	right: 203px;
}
#parto .tit {
	width: 150px;
}
#parto p {
	width: 150px;
	text-align: right;
	margin-left: 0px;
}
#linea_parto {
	top: -5px;
	position: absolute;
	right: 135px;
	width: 100px;
	border-bottom: #021d25 solid 1px;
	/* Rotate div */
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}
.bloque_texto_dcha #experiencias {
	position: absolute;
	top: 1264px;
	text-align: right;
	right: 20px;
}
#experiencias .tit {
	width: 300px;
}
#experiencias p {
	text-align: right;
	margin-left: 100px;
}
.bloque_texto_dcha #cuatro_vidas {
	position: absolute;
	top: 1517px;
	text-align: right;
	right: 20px;
}
#cuatro_vidas .tit {
	width: 400px;
}
#cuatro_vidas p {
	width: 213px;
	text-align: right;
	margin-left: 187px
}
/* HOVER DERECHA */
.madre {
	background: url(../img/planificacion_hov.png) no-repeat;
	width: 180px;
	height: 228px;
	position: absolute;
	top: -13px;
	right: 286px;
	display: none;
	z-index: 22;
}
#planificacion:hover .madre {
	display: block;
}
.fami {
	background: url(../img/familias_hov.png) no-repeat;
	width: 203px;
	height: 171px;
	position: absolute;
	top: -28px;
	right: 211px;
	display: none;
	z-index: 22;
}
#familia:hover .fami {
	display: block;
}
.muerte {
	background: url(../img/mortalidad_hov.png) no-repeat;
	width: 174px;
	height: 110px;
	position: absolute;
	top: 20px;
	right: 400px;
	display: none;
	z-index: 22;
}
#mortalidad:hover .muerte {
	display: block;
}
.hospital {
	background: url(../img/hospitales_hov.png) no-repeat;
	width: 293px;
	height: 151px;
	position: absolute;
	top: 19px;
	right: 180px;
	display: none;
	z-index: 22;
}
#avances:hover .hospital {
	display: block;
}
.hospital2 {
	background: url(../img/hospitales_hov.png) no-repeat;
	width: 293px;
	height: 151px;
	position: absolute;
	top: -108px;
	right: 240px;
	display: none;
	z-index: 23;
}
#donde_nacer:hover .hospital2 {
	display: block;
}
.hospital3 {
	background: url(../img/hospitales_hov.png) no-repeat;
	width: 293px;
	height: 151px;
	position: absolute;
	top: -231px;
	right: 57px;
	display: none;
	z-index: 24;
}
#parto:hover .hospital3 {
	display: block;
}
.nina {
	background: url(../img/experiencias.png) no-repeat;
	width: 163px;
	height: 230px;
	position: absolute;
	top: -103px;
	right: 217px;
	display: none;
	z-index: 22;
}
#experiencias:hover .nina {
	display: block;
}
.vidas {
	background: url(../img/cuatro_vidas_hov.png) no-repeat;
	width: 98px;
	height: 141px;
	position: absolute;
	top: 10px;
	right: 275px;
	display: none;
	z-index: 22;
}
#cuatro_vidas:hover .vidas {
	display: block;
}

/*creditos*/

.creditos {
	display: inline-block;
	overflow: hidden;
    border-top: 1px dotted #e0e0e0;
    font: 12px/17px "Roboto",sans-serif;
    margin: 0 auto;
    padding-top: 25px;
    text-align: right;
    width: 100%;
    margin-top: 21em;
    float: left;
}
.creditos ul {
    margin: 0 auto;
    max-width: 460px;
    width: 100%;
}
.creditos p {
    font: bold 12px/17px "Roboto",sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.creditos ul li {
    line-height: 22px;
    text-align: center;
    list-style: none;
}
.creditos a {
    color: #6488e3;
}
.creditos .logo_pf {
    background: rgba(0, 0, 0, 0) url("../../logo_pf_creditos.png") no-repeat scroll center center;
    display: inline-block;
    height: 114px;
    text-indent: -999999px;
    width: 203px;
}