@font-face{
	font-family:'Popular Serif';
	src:url('../fonts/Popular Serif-Regular.eot');
	src:
		url('../fonts/Popular Serif-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Popular Serif-Regular.woff2') format('woff2'),
		url('../fonts/Popular Serif-Regular.woff') format('woff'),
		url('../fonts/Popular Serif-Regular.ttf') format('truetype'),
		url('../fonts/Popular Serif-Regular.svg#Popular Serif-Regular') format('svg');
	font-weight:400;
	font-style:normal;
	font-stretch:normal;
	text-rendering:optimizeLegibility;
}
html, body { height:100%; }
body {
    color: #555;
    font-family: Arial,"Helvetica Neue","Helvetica",Helvetica,sans-serif;
    font-size: 1.6em;
    line-height: 120%;
	padding:25px 0;
    font-weight: normal;
}
body.home {
	background: url(../img/fondo-header.jpg) no-repeat center center fixed;
    background-size: cover;
}

a {
    color: #e10e49;
    text-decoration: none;
}
a:hover {
    color: #777;
    text-decoration: none;
}

.header {
    margin-bottom: 30px;
}
.logo { display:inline;}
h3 {
    font-family: 'Popular Serif',Georgia,serif;
    line-height: 32px;
}

h1 {font-family: 'Popular Serif',Georgia,serif;}
.info h2 {
    font-size: 20px;
    color: #e10e49;
}
hr {
    border-top: 1px solid #999;
    width: 100px;
    margin: 30px auto;
}
.white-block {
    background: rgba(255,255,255,0.7);
    padding: 50px;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 15;
    margin: 70px auto 0;
    max-width: 640px;
}

a.btn-link {
    color: #fff;
    background: #e10e49;
    font-size: 28px;
    border-radius: 7px;
    padding: 5px 45px;
    margin: 15px 0 25px;
    font-family: 'Popular Serif',Georgia,serif;
}
.btn {
    color: #fff;
    background: #e10e49;
    font-size: 14px;
    border-radius: 7px;
    padding: 5px 15px;
    margin: 5px 0 25px;
    font-family: 'Popular Serif',Georgia,serif;
}
a.btn-link:hover,
a.btn-link:focus,
.btn:hover,
.btn:focus {
    background: #999;
	color:#fff;
	text-decoration:none;
}

.embde-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.embde-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.white-block {
		padding: 50px 30px;
	}
	a.btn-link {    font-size: 24px;}
}
@media (max-width: 768px) {
	a.btn-link {
		font-size: 18px;
		padding: 5px 25px;
	}
	.info h2 {
		font-size: 16px;
		color: #e10e49;
		font-weight: bold;
	}
}