@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@charset "utf-8";
/* CSS Document */
* {border: 0;margin: 0;padding: 0;}
html, body {min-width: 320px;}
body {background: url('img/fondo_50_aniversario.jpg') repeat left top;background-size: cover;color: #000;font-family: 'Open sans', sans-serif;}
a:link {text-decoration:none;}
a:hover{text-decoration:none;}
img {border: 0px;}
p {font-size: 14px;margin-bottom: 9px;}
h1, h2, h3, h4, h5, h6 {}
h1 {}
h2 {}
h3 {}
h4 {}
ul, ol, li {list-style-image: none;list-style-type: none;}
input {outline:none;}
input:focus {}
select:focus {}
textarea:focus {}
fieldset {border-style: none;overflow: hidden;width: 100%;}
textarea {resize: none;width: 99%;}
label {}
.clear	{clear: both;}
.fleft	{float:left;}
.fright	{float:right;}
.bold	{font-weight:bold;}
.italic {font-style:italic;}
.underline	{border-bottom:1px solid;}
.highlight	{color:#FFF;background-color: #333;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl10 {padding-left: 10px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.w50 {width:50%;}
.w100 {width:100%;}

/* estructura */
.inner {margin: 0 20px;max-width: 920px;}
.wrapper {min-width: 320px;padding: 60px 0;position: relative;}
.content_container {background: #fff;padding-bottom: 0;position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.3);
}
/* cta */
.cta {background: none;height: auto;margin-top: 20px;padding: 0;position: relative;right: inherit;bottom: inherit;z-index: 99;}
.cta a {background: #16a317;display: inline-block;height: auto;border-radius: 5px;}
.cta a span {color: #fff;display: inline-block;font-size: 14px;padding: 15px;width: auto;
	text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.54);
}

/* header */
.header {background: url('img/header_bg.jpg') no-repeat left top;color: #fff;height: 68px;padding: 0 80px 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.header::after {content: '';display: block;clear: both;}
.header a {color: #fff;font-family: 'Oswald', sans-serif;display: inline-block;font-size: 18px;line-height: 24px;width: 160px;text-transform: uppercase;}
.header a span {color: #fff;font-family: 'Open sans', sans-serif;display: block;font-size: 13px;line-height: 15px;margin-top: 5PX;font-weight: 400 !important;text-transform: initial;}
.header .official_logo {float: left;}
.header a.official_logo img {width: 190px;}
.official_logo_right {display: none;float: right;}

/* slider */
.slider_container {height: 574px;position: relative;}
.slider_container h1 {background-color: rgba(255, 40, 20, 0.7);color: #ffffff;font-family: 'Oswald', sans-serif;font-weight: 400;padding: 15px;position: absolute;left: 30px;bottom: 30px;width: 50%;text-align: left;text-shadow: 2px 2px 0px #000000;z-index: 19;}
.slider_container h1 span:first-child {display: block;font-size: 19px;font-weight: 700;line-height: 24px;text-transform: uppercase;}
.slider_container h1 b {display: block;font-size: 82px;line-height: 86px;}
.slider_container h1 span:last-child {display: block;font-size: 18px;margin-top: 10px;}
.bx-wrapper .bx-caption span {font-family: 'Oswald', sans-serif;max-width: 440px;}
/* texto */
.text {padding: 20px;position: relative;}
.text h2 {color: #01569b;font-size: 24px;font-weight: 700;line-height: 26px;margin-bottom: 10px;width: auto;}
.text h3 {color: #2e2e2e;font-size: 16px;font-weight: 700;margin-bottom: 0;}
.text h3 a {color: #2e2e2e;text-decoration: underline;}
.text h2 span, .text h3 span {display: block;}

.audio {border-top: dotted 1px #b9b9b9;margin-top: 15px;padding-top: 15px;}

/* Video cortinilla */
.video_container {padding-top: 56.25%;height: 0;overflow: hidden;position: relative;}
.video_container iframe, .video_container object, .video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.badge {width: 90px;height: 90px;position: absolute;right: -15px;top: -15px;z-index: 999;}
.badge img {display: block;min-width: 100%;width: 100%;}



@media (min-width: 480px) {	
	.header {height: 90px;padding: 0 95px 0 0;}
	.header a.official_logo img {width: auto;}
	.cta {background: url('img/cta_right_bg.png') no-repeat right top;height: 73px;position: absolute;right: -7px;bottom: -70px;z-index: 99;}
	.cta a {background: url('img/cta_bg.png') no-repeat left top;display: inline-block;height: 73px;}
	.cta a span {color: #fff;display: inline-block;font-size: 14px;padding: 17px 48px 17px 20px;width: 260px;}
	.official_logo_right {display: inline-block;}
	.badge {width: 80px;height: 80px;position: absolute;right: 10px;top: 5px;z-index: 999;}
}

@media (min-width: 720px) {
	.text {padding: 20px 350px 20px 30px;}
	.text h2 {font-size: 28px;line-height: 31px;}
	.text h3 {font-size: 21px;}
	.cta {bottom: 31px;}
}

@media (min-width: 960px) {
	.inner {margin: 0 auto;}
}