@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0;
	font-size: 100%; font: inherit; vertical-align: baseline;
}

.navbar {
 padding-bottom: 14px;
 padding-left: 28px;
 padding-top: 20px;
 
}
.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-brand:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.navbar-brand::before,
.navbar-brand::after {
    display: none !important;
    content: none !important;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { -webkit-text-size-adjust: none; }
mark { background-color: transparent; color: inherit; }
input::-moz-focus-inner { border: 0; padding: 0; }
input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }

@-ms-viewport { width: device-width; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

body {
	background: #000000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #52575c;
	line-height: 1.75em;
	font-size: 14pt;
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
	-moz-animation: none !important; -webkit-animation: none !important; animation: none !important;
	-moz-transition: none !important; -webkit-transition: none !important; transition: none !important;
}

input, textarea, select {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300; color: #52575c; line-height: 1.75em; font-size: 15pt;
}

h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #000000; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }
h2 { font-size: 2em; line-height: 1.25em; }
h3 { font-size: 1.5em; line-height: 1.5em; }

a {
	transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	color: inherit; text-decoration: none; border-bottom: dotted 1px #62676c;
}
a:hover { color: #f35858; border-bottom-color: rgba(255,255,255,0); }

strong, b { font-weight: 400; color: #42474c; }
em, i { font-style: italic; }
hr { border: 0; border-top: solid 1px #c2c7cc; }
p, ul, ol, dl, table { margin-bottom: 1.5em; }
br.clear { clear: both; }
.features { margin-bottom: 1.5em; }
.feature { text-align: center; }

section, article { margin-bottom: 3em; }
section > :last-child, article > :last-child,
section:last-child, article:last-child { margin-bottom: 0; }
.row > section, .row > article { margin-bottom: 0; }

header > p { display: block; color: #f35858; padding: 0.75em 0 1em 0; font-size: 1.5em; line-height: 1.5em; }
header.major { text-align: center; }

.container { margin: 0 auto; max-width: 100%; width: 1200px; }
@media screen and (max-width: 1280px) { .container { width: 960px; } }
@media screen and (max-width: 1080px) { .container { width: 100%; } }
@media screen and (max-width: 820px)  { .container { width: 100%; } }
@media screen and (max-width: 736px)  { .container { width: 100%; } }
@media screen and (max-width: 480px)  { .container { width: 100%; } }

.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
.row > * { box-sizing: border-box; }
.row.aln-left { justify-content: flex-start; }
.row.aln-center { justify-content: center; }
.row.aln-right { justify-content: flex-end; }
.row.aln-top { align-items: flex-start; }
.row.aln-middle { align-items: center; }
.row.aln-bottom { align-items: flex-end; }
.row > .col-1 { width: 8.33333%; }
.row > .col-2 { width: 16.66667%; }
.row > .col-3 { width: 25%; }
.row > .col-4 { width: 33.33333%; }
.row > .col-5 { width: 41.66667%; }
.row > .col-6 { width: 50%; }
.row > .col-7 { width: 58.33333%; }
.row > .col-8 { width: 66.66667%; }
.row > .col-9 { width: 75%; }
.row > .col-10 { width: 83.33333%; }
.row > .col-11 { width: 91.66667%; }
.row > .col-12 { width: 100%; }
.row { margin-top: -50px; margin-left: -50px; }
.row > * { padding: 50px 0 0 50px; }

@media screen and (max-width: 820px) {
	.row > .col-1-narrower { width: 8.33333%; }
	.row > .col-2-narrower { width: 16.66667%; }
	.row > .col-3-narrower { width: 25%; }
	.row > .col-4-narrower { width: 33.33333%; }
	.row > .col-5-narrower { width: 41.66667%; }
	.row > .col-6-narrower { width: 50%; }
	.row > .col-7-narrower { width: 58.33333%; }
	.row > .col-8-narrower { width: 66.66667%; }
	.row > .col-9-narrower { width: 75%; }
	.row > .col-10-narrower { width: 83.33333%; }
	.row > .col-11-narrower { width: 91.66667%; }
	.row > .col-12-narrower { width: 100%; }
	.row { margin-top: -30px; margin-left: -30px; }
	.row > * { padding: 30px 0 0 30px; }
}
@media screen and (max-width: 736px) { .row { margin-top: -20px; margin-left: -20px; } .row > * { padding: 20px 0 0 20px; } }
@media screen and (max-width: 480px) { .row { margin-top: -20px; margin-left: -20px; } .row > * { padding: 20px 0 0 20px; } }

.image { transition: opacity 0.25s ease-in-out; display: inline-block; outline: 0; border: 0; }
.image img { display: block; width: 100%; }
.image.fit { display: block; width: 100%; }
.image.featured { display: block; width: 100%; margin: 0 0 3em 0; }
.image.left { float: left; margin: 0 2em 2em 0; }
.image.centered { display: block; margin: 0 0 3em 0; }
.image.centered img { margin: 0 auto; width: auto; }
a.image:hover { opacity: 0.85; }

ul { list-style: disc; padding-left: 1em; }
ul li { padding-left: 0.5em; }
ol { list-style: decimal; padding-left: 1.25em; }
ol li { padding-left: 0.25em; }

ul.actions { padding-top: 1em; list-style: none; padding-left: 0; }
ul.actions.major { text-align: center; }
ul.actions li { display: inline-block; margin-left: 1em; padding-left: 0; }
ul.actions li:first-child { margin-left: 0; }

input[type="button"], input[type="submit"], input[type="reset"], button, .button {
	transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	display: inline-block; color: white; background: red;
	text-decoration: none; border: solid 1px #ffffff;
	border-radius: 0.35em; padding: 0.8em 2em; cursor: pointer; outline: 0;
}

.wrapper { position: relative; background: #fff; overflow-x: hidden; padding: 2em 0; }

.image-wrapper { position: relative; }
.image-wrapper .image { position: relative; z-index: 2; }
.image-wrapper.first:before {
	content: ''; display: block; width: 2000%; height: 100%;
	position: absolute; left: -1000%; top: 0; z-index: 1;

}

/* Hero - imagen en HTML, sin background ni padding */
#header-wrapper { padding: 0; margin: 0; }
.homepage #header-wrapper { padding: 0; margin: 0; }
#hero { padding: 0; margin: 0; }

#promo-wrapper {
    position: relative;
    background-image: url("../../images/promo.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #000000;
    text-align: center;
    padding: 6em 0;
}

#footer-wrapper {
	-webkit-transform: translate3d(0,0,0);
	position: relative; border-top: solid 1px #c2c7cc; padding: 6em 0;
	background-size: 128px 128px, 100% 100%;
}

#promo {
	background: rgba(255,255,255,0.05); border: solid 1px rgba(255,255,255,0.25);
	border-radius: 0.5em; padding: 1.75em 2.5em; display: inline-block;
	position: relative; z-index: 1;
}
#promo h2 { color: #fff; display: inline-block; margin-right: 1em; font-size: 1.75em; }
#promo .button { background: #fff; border-color: rgba(255,255,255,0); color: #27636B; font-size: 1.25em; }
#promo .button:hover { border-color: rgba(255,255,255,0.75); background-color: rgba(255,255,255,0.15); color: #fff; }

#copyright {
	position: relative; z-index: 1; text-align: center;
	border-top: solid 1px #d2d7dc; color: #a2a7ac; padding-top: 4em; margin-top: 6em;
}

@media screen and (max-width: 1280px) {
	body, input, textarea, select { line-height: 1.5em; font-size: 13pt; }
	.wrapper { padding: 2em 20px; }
	#promo-wrapper { padding: 5em 0; }
	 li{ text-align: center;}
	 h2{ text-align: center;}
}

@media screen and (max-width: 1080px) {
	header br { display: none; }
	#promo-wrapper { padding: 2em; }
	#promo h2 { display: block; margin: 0 0 1em 0; font-size: 1.5em; }
}

@media screen and (max-width: 820px) {
	body, input, textarea, select { line-height: 1.5em; font-size: 14pt; }
	.features { margin-bottom: 0; }
	section, article { margin-bottom: 3em; }
	.row > section, .row > article { margin-bottom: 3em; }
	section:last-child, article:last-child { margin-bottom: 0; }
	.row > section:last-child, .row > article:last-child { margin-bottom: 0; }
	#content { margin-bottom: 3em; }
	#sidebar { margin-bottom: 3em; }
	#sidebar section { border-top: 0; margin-top: 0; padding-top: 1em; }
}


@media screen and (max-width: 736px) {
	html, body { overflow-x: hidden; }
	body, input, textarea, select { font-size: 13pt; letter-spacing: 0; }
	h2 { font-size: 1.5em; line-height: 1.25em; }
	header > p { font-size: 1em; }
	.wrapper { padding: 20px; }
	#promo-wrapper { padding: 20px; }
	#hero { padding: 0; margin: 0; }
	#page-wrapper { backface-visibility: hidden; transition: transform 0.5s ease; padding-bottom: 1px; }
}

@media screen and (max-width: 480px) {
	body, input, textarea, select { font-size: 12pt; letter-spacing: 0; }
	.feature { text-align: left; }
	section, article { margin-bottom: 2em; }
	.row > section, .row > article { margin-bottom: 2em; }
	header.major { text-align: left; }
	.image { display: block; }
	.image.full, .image.left { float: none; display: block; width: 100%; margin: 0 0 1.5em 0; }
	ul.actions li { display: block; margin: 1em 0 0 0; }
	ul.actions li:first-child { margin-top: 0; }
	ul.actions.major { text-align: left !important; }
	#hero { padding: 0; margin: 0; }
	#promo { padding: 20px; }
	#content { margin-bottom: 2em; }
	#sidebar { margin-bottom: 2em; }
}