/**
 * @license
 * MyFonts Webfont Build ID 3613605, 2018-07-22T08:28:47-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaNeueLTPro-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-55-roman-189171/
 * 
 * Webfont: HelveticaNeueLTPro-Md by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-65-medium-189171/
 * 
 * Webfont: HelveticaNeueLTPro-Bd by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-75-bold-189171/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3613605
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright &#x00A9; 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/

@import url("//hello.myfonts.net/count/3723a5");

@font-face {font-family: 'HelveticaNeueLTPro-Roman';src: url('webfonts/3723A5_0_0.eot');src: url('webfonts/3723A5_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3723A5_0_0.woff2') format('woff2'),url('webfonts/3723A5_0_0.woff') format('woff'),url('webfonts/3723A5_0_0.ttf') format('truetype'),url('webfonts/3723A5_0_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'HelveticaNeueLTPro-Md';src: url('webfonts/3723A5_1_0.eot');src: url('webfonts/3723A5_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3723A5_1_0.woff2') format('woff2'),url('webfonts/3723A5_1_0.woff') format('woff'),url('webfonts/3723A5_1_0.ttf') format('truetype'),url('webfonts/3723A5_1_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'HelveticaNeueLTPro-Bd';src: url('webfonts/3723A5_2_0.eot');src: url('webfonts/3723A5_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3723A5_2_0.woff2') format('woff2'),url('webfonts/3723A5_2_0.woff') format('woff'),url('webfonts/3723A5_2_0.ttf') format('truetype'),url('webfonts/3723A5_2_0.svg#wf') format('svg');}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

/* Cuerpo */
body {
    background: #fff;
    max-width: 800px;
    margin: 0 auto 100px auto;
}

body p {
    max-width: 600px;
    margin: 20px auto;
    font-family: HelveticaNeueLTPro-Roman;
    font-size: 16px;
    color: #838383;
    line-height: 25px;
    text-rendering: geometricPrecision;
    font-style: normal;
        
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Título */
h1 {
    max-width: 600px;
    font-family: HelveticaNeueLTPro-Bd;
    font-weight: normal;
	font-style: normal;
    font-size: 32px;
    line-height: 38px;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    color: #000000;
    text-rendering: geometricPrecision;
        
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Texto… Grande? */
h2 {
    max-width: 600px;
    margin: 20px auto;
    font-family: HelveticaNeueLTPro-Bd;
    font-weight: normal;
	font-style: normal;
    font-size: 16px;
    color: #838383;
    line-height: 25px;
    text-rendering: geometricPrecision;
        
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Categoría */
h3 {
    max-width: 600px;
    margin-top: 100px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    font-family: HelveticaNeueLTPro-Bd;
    font-weight: normal;
	font-style: normal;
    font-size: 16px;
    color: #0D71D8;
    text-rendering: geometricPrecision;
        
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Fecha */
h4 {
    max-width: 600px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    font-family: HelveticaNeueLTPro-Bd;
    font-weight: normal;
	font-style: normal;
    font-size: 16px;
    color: #838383;
    text-rendering: geometricPrecision;
        
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

img {
    max-width: 100%;
    margin: 0 auto;
}

p {margin:0 0 1.5em;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}

del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0;}
ul, ol {margin:0 3em 1.5em 1.5em;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

figure {
    margin: 1.5em 0;
    width: 100%;
    text-align: center;
}

figcaption {
    font-size: 9pt;
    color: #D7D7D7;
    padding:0.5em 2em;
    margin-bottom: 2em;
}

figure img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

code {font-family: Menlo, monospace; font-size:90%;}
p > code {padding:0.2em 0.4em; background:#e1e9ed;}
pre {text-align:left; overflow-x: scroll; color: #d3bd7e; background: #202020; padding: 10pt 15pt; border-radius: 3px;}

hr {
    max-width: 600px;
    height: 1px;
    background: #D7D7D7;
    border: none;
    margin-top: 40px;
    margin-bottom: 40px;
}

ol#footnotes {
    font-size: 12pt;
    padding-top: 1.5em;
    margin-top: 3em;
    margin-left: 0;
}

ol#footnotes:before {content: "———"; letter-spacing: -4px;margin-left: -1.5em;}

ol p, ul p {margin-bottom: 0px;}
li {margin-bottom: 0.75em;margin-top: 0.75em;}


@keyframes highfade {
    0% {
		background-color: none;
    }
    20% {
		background-color: yellow;
	}
    100% {
		background-color: none;
    }
}

@-webkit-keyframes highfade {
    0% {
		background-color: none;
    }
    20% {
		background-color: yellow;
	}
    100% {
		background-color: none;
    }
}

a:target, ol#footnotes li:target, sup a:target  {
    animation-name: highfade;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: highfade;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

a:target {border:0;outline: 0;}

@media screen and (max-width: 768px) {
	body {
		margin:30px;
	}
}

@media screen and (max-width: 736px) {
	body {
		margin:20px;
	}	
	ul,ol {
		margin: 0;
	}
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.8em;
	}
}

