@charset "utf-8";
/* CSS Document */


.wrapper {
	max-width: 1000px;
	padding: 30px;
	position:relative;
	margin: auto;
}

hgroup {
	width: 100%;
	padding: 20px 0;
}

hgroup h4 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 5px;
}

hgroup h4 span {
	margin-right: 10px;
	font-size: 20px;
	color: #20b7c5;
}

hgroup .linea {
	width: 100%;
	height: 1px;
	color: #23a1cb;
	display: block;
	background: #23a1cb;
}

section .main {
	padding: 0 25px;
	overflow: hidden;
	position: relative;
}

article h1 {
	font-size: 36px;
	font-weight: 800;
	margin-bottom: 10px;
}

article p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	text-align: justify;
}

article a {
	cursor: pointer;
	font-weight: 700;
	color: black;
	text-decoration: underline;
}

article div {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

article img {
	width: 100%;
}

article .leyenda {
	font-weight: 300;
	font-size: 12px;
	display: block;
	text-align: right;
}

article h3 {
	font-weight: 700;
	margin-top: 20px;
}

article .imagen {
	width: 49%;
	display: inline-block;
	margin-top: 15px;
}

article div:nth-child(20) {
	float: right;
}

article div:nth-child(19) p {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 15px;
}

article div:nth-child(20) p {
	font-size: 16px;
	font-weight: 300;
	text-align: right;
}



@media screen and (max-width: 1280px) { /*-----------------960------------------*/

	.wrapper {
		padding: 15px;
	}
	
}

@media screen and (max-width: 887px) { /*-----------------887------------------*/

	.wrapper {
		width:80%;
	}

	article .leyenda, article div:nth-child(19) p, article div:nth-child(20) p {
		font-size: 15px;
	}
}

@media screen and (max-width: 800px) { /*-----------------800------------------*/

	.wrapper {
		width:85%;
	}
}

@media screen and (max-width: 735px) { /*-----------------735------------------*/

	.wrapper {
		width:90%;
	}
}

@media screen and (max-width: 640px) { /*-----------------640------------------*/

	section .main {
		padding: 0 20px;
	}
}

@media screen and (max-width: 600px) { /*-----------------600------------------*/

}

@media screen and (max-width: 533px) { /*-----------------533------------------*/

}

@media screen and (max-width: 480px) { /*-----------------480------------------*/

}

@media screen and (max-width: 425px) { /*-----------------425------------------*/

	article h1 {
		font-size: 30px;
	}

	article .imagen {
		width: 80%;
		display: block;
		margin-top: 15px;
	}

	article div {
		margin: auto;
		float: none;
	}

	article div:nth-child(20) {
	float: none;
	}

	article div:nth-child(20) p {
	text-align: left;
	margin-bottom: 20px;
	}

}

@media screen and (max-width: 375px) { /*-----------------375------------------*/

}

@media screen and (max-width: 320px) { /*-----------------320------------------*/

}