@charset "utf-8";
@font-face {
    font-family:OpenSans-Bold;
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold.woff') format('woff'),
         url('../fonts/OpenSans-Bold.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:OpenSans;
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans.woff') format('woff'),
         url('../fonts/OpenSans.ttf') format('truetype'),
         url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* CSS Document */
body {
	position : relative;
	font-family: OpenSans;
}
h1, h2, h3, h4, h5, h6, p {
	font-family: OpenSans;
}
h1 {
	font-weight:700;
	font-size:2.4rem;
}
h5 {
	font-weight:700;
}
h6 {
	font-weight:300;
	font-size:1.3rem;
	margin-top: 1rem;
}
.slider {
	background-image:url("../img/slider.jpg");
	height:100vh;
	background-size:cover;
	background-position:center;
}

#bigdata {
	background-color: #b81439;
}
#bigdata .card {
	background-color: #b81439;
	border-color: #b81439;
}
#bigdata h6 {
	color:#f2e7e9;
}
#inicio {
}
.inicio h1 {
	color:#19325b;
}
.inicio h4 {
	font-weight:300;
	font-style:italic;
	color: #318ebf;
}
.inicio h5 {
	color:#19325b;
}
.inicio h6 {
	color: #555;
	font-weight: 300;
}
.inicio p {
	color: #555;
	font-weight: 300;
	font-size: 1rem;
}
.caracteristicas {
	background-color: #19325b;
}
.caracteristicas .card {
	background-color: #19325b;
	border-color: #19325b;
}
.caracteristicas p {
	color:#bfcce0;
}
.caracteristicas h6 {
	color:#bfcce0;
}
.beneficios {

}
.beneficios h1 {
	color: #b81439;
}
.beneficios p {
	color: #555;
	font-weight: 300;
	font-size: 1rem;
}
.beneficios .card-title {
	color:#FFF;
	background-color:#19325b;
	padding:5px 0;
}
.contacto {
	background-color:#e2e2e2;
}
.contacto h1 {
	color:#19325b;
}
.contacto label {
	color:#19325b;
}
.contacto #asunto {
  display: none;
}
.contacto .enviar {
  color: #fff;
	background-color: #19325b;
	border: solid 1px #19325b;
  padding: 7px 13px;
  border-radius: 5px;
}
.video {
  background-color: #bfcce0;
  padding-top: 25px;
  padding-bottom: 20px;
}
#footer {
	background-color: #b81439;
}
#footer a:link {
  color: #FFF !important;
}
#footer a:visited {
  color: #FFF;
}
#footer a:active {
  color: #FFF;
}
#footer a:hover {
  color: #CCC;
}

#footer p {
	font-size:1.4rem;
	color:#fff;
  margin: 10px 0;
  letter-spacing: 1px;
}
#footer p span {
	font-weight:400;
}



#copy {
	background-color:#19325b;
	color:#bfcce0 !important;
	font-size: 1.1rem;
}
#copy a:link {
	color:#bfcce0;
}
#copy a:visited {
	color:#bfcce0;
}
#copy a:active {
	color:#bfcce0;
}
#copy a:hover {
	color:#bfcce0;
	opacity: 0.5;
  	filter: alpha(opacity=50); /* For IE8 and earlier */
}
#copy a.web:link {
	color:#318ebf;
}
#copy a.web:visited {
	color:#318ebf;
}
#copy a.web:active {
	color:#318ebf;
}
#copy a.web:hover {
	color:#318ebf;
	opacity: 0.5;
  	filter: alpha(opacity=50); /* For IE8 and earlier */
}
#copy i {
	color:#318ebf;
	padding:0 5px;
}

.nav-pills .nav-link.active {
	background-color:#19325b;
	color: #318ebf;
}
.navbar-light .navbar-nav .nav-link.active {
	color: #bfcce0;
}
.bg-etl {
    background-color: #fff !important;
	border-bottom:solid 1px #e2e2e2;
	opacity: 0.9;
  	filter: alpha(opacity=90); /* For IE8 and earlier */
}
.btn-etl {
    color: #fff;
    background-color: #b81439;
    border-color: #b81439;
}
.btn-etl:hover {
	color: #fff;
	background-color: #19325b;
	border-color: #19325b;
}

@media (min-width:577px){
#slider img {
	position: relative;
	top: 40px;
}
}
@media (max-width:576px){
#footer {
	text-align:center;
}
#slider img {
	position: relative;
	top: 50px;
}
}