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

@media only screen and (min-width: 768px) {
	.banner {
		background: url('images/mexico-flag-1280.jpg') center no-repeat;
		height:340px;
		background-size: cover;
	}
}

@media (max-width: 767px) {
	.banner {
		background: none;
		height: 0;
	}
	.fancyimg {
		display: none;
	}
}


.fs1{color:#239e46;background:transparent;font-family:arial, helvetica, sans-serif;font-weight:bold;font-size:1.125em;}
.fs2{color:#be0027;background:transparent;font-family:arial, helvetica, sans-serif;font-weight:bold;font-size:1.125em;}
.tm-pki {
	color: #cc0000;
	font-weight: bold;
	background: transparent;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.125em;
}
.tm-qrc {
	color: #990099;
	font-weight: bold;
	background: transparent;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.125em;
}

h1 {
	text-align:center;
	margin:0 0;
}

h1 a, h1 a:link, h1 a:active {
	color: inherit;
	text-decoration: none;
}
h1 a:hover {
	background-color: unset !important; 
	color: unset !important;
}

h2,h3,h4 {
	font-weight: 400;
}

body {
	font: 400 20px/1.5 'Source Sans Pro',Open Sans,Roboto,'San Francisco',Helvetica,Arial,sans-serif;
	color: #333;
	margin: 0;
	background-color: #fffff0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100vh;
}

#main {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

header,footer {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#main .container {
	padding: 0 20px;
}

header,#main,footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

a,a:link,a:active {
	color: #239e46;
	text-decoration: underline;
	border-radius: 2px;
}

a:hover {
	color: #fff;
	background-color: #239e46;
	text-decoration: none;
}

header {
	background-color: transparent;
	text-align: center;
	position: relative;
}

header > .container {
	overflow: visible;
}

header li {
	position: relative;
}

header nav {
	cursor: default;
}

header nav a,header nav a:link,header nav a:active {
	padding: 0 8px;
	text-transform: uppercase;
	font-size: 16px;
	color: #239e46!important;
}

header nav a:hover {
	background-color: transparent;
	text-decoration: underline;
}

.home-downloadblock {
    display:inline-block;
    margin:0 8px;
}
.home-downloadbutton {
    display:block;
    margin:10px 4px;
    padding:.2em .6em;
    background-color:#be0027;
    color:#fff!important;
    border-radius:2px;
    font-size:30px;
    font-weight:400;
    -webkit-transition:.2s background-color ease-in-out;
    -o-transition:.2s background-color ease-in-out;
    transition:.2s background-color ease-in-out;
}
.home-downloadbutton a, .home-downloadbutton:link {
	text-decoration: none;
}
.home-downloadbutton:hover {
    background-color:#D14C67;
	text-decoration: none;
}
.home-downloadbutton small {
    display:block;
    font-size:1rem;
}

.home-secondary-links {
	color: #be0027;
	font-size: .9rem;
}

.home-secondary-links a,.home-secondary-links a:link,.home-secondary-links a:active {
	color: #be0027;
}

.home-secondary-links a:hover {
	color: white;
	background-color: #be0027;
	text-decoration: underline;
}


#home-intro {
	max-width: 735px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}

#home-intro h2 {
	margin-bottom: 0;
}

@media screen and (max-width:480px) {
	nav .list-divider-pipe {
		margin-bottom: 1rem;
		overflow: hidden;
	}
	nav .list-divider-pipe li + li:before {
		display: none;
	}
}

p a {
	padding-left: 2px;
	padding-right: 2px;
	margin-left: -2px;
	margin-right: -2px;
}

/*
img {
	display: block;
	max-width: 100%;
}
*/

.no-margin-top {
	margin-top: 0;
}

.extra-margin-top {
	margin-top: 20px;
}

.list-divider-pipe {
	margin: 0;
	padding: 0;
}

.list-divider-pipe li {
	display: inline-block;
}

.list-divider-pipe li + li:before {
	content: '|';
	padding: 0 .3em 0 .1em;
	color: #999;
}

@media screen and (max-width:480px) {
	nav .list-divider-pipe {
		margin-bottom: 1rem;
		overflow: hidden;
	}

	nav .list-divider-pipe li + li:before {
		display: none;
	}
}

.langswitch a, .langswitch a:link, .langswitch a:active {
	color: #ffff33!important;
	background-color: #cc0000;
}

footer {
	color: #333;
	margin-top: 2em;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 3px solid #be0027;
	border-bottom: 2px solid #239e46;
}

footer a,footer a:link,footer a:active {
	color: #707070;
}

footer a:hover {
	color: inherit;
	background-color: transparent;
	text-decoration: underline;
}

.footer-container {
	padding: 5px 10px;
	font-size: 14px;
}

.footer-container p + p {
	margin-top: 0;
	margin-bottom: .25em;
}

.help-link-container {
	float:right;
}

.footer-copyright {
	font-size: 12px;
}

.body-container {
	padding: 5px 20px;
	font-size: 20px;
}
.body-container-smaller {
	padding: 5px 10%;
	font-size: 16px;
}


.body-container h2 {
	margin-bottom: 0;
}

ul.vs, ol.vs {
	margin-bottom: 1em;
	line-height: 1.4em;
}
.vs li {
	margin-bottom: inherit;
}
li.vs {
	margin-bottom: 1em;
}
ul.vss, ol.vss {
	margin-bottom: 0.5em;
}
.vss li {
	margin-bottom: inherit;
}
li.vss {
	margin-bottom: 0.5em;
}
ul.spaced li {
	margin-bottom: .5em;
}
.vsst {
	margin-top: .5em;
}
.csharpcodex {
	padding: 10px;
	background: #EAFFD5;
	color: black;
	border: thin dashed gray;
	overflow: auto;
	line-height: 1.2em;
}
.vbcodex {
	padding: 10px; 
	background: #efefef;
	color: black;
	border: thin dashed gray;
	overflow: auto;
	line-height: 1.2em;
}
pre {
	background: #efefef;
	color: black;
	overflow:auto;
	font-size: 0.875em;
	line-height: 1.2em;
}
pre.console {
	padding: 10px;
	background-color: #222;
	overflow: auto;
	font-size: 10pt;
	color: #fff;
	font-family: Consolas,Calibri,monospace;
	line-height: 1.2em;
}
.output {
	background: #ffdead;
	color: black;
}

.outputx {
	background: #ffdead;
	color: black;
	margin: 10px; 
	padding: 5px; 
	border: thin dashed black;
	overflow: auto;
}
dt {
	font-weight: 400;
	font-size: 1.125em;
}
dd {
	margin-bottom: 1em;
	line-height: 1.4em; 
}
.compact {
	font-size: 85%;
}

.smaller {
	font-size: 70%;
}
.sc {
	font-variant: small-caps;
}
.plainquote {
	font-size: 0.875em;
	color: #cc0000;
	background: transparent;
	/*font-family: verdana, arial, helvetica, sans-serif;*/
}
div.boxed {
	border: 1px gray dashed;
}
div.breakout {	
	margin: 20px;
	padding: 10px;
	border: 1px red dashed;
}
div.infobox {	/* margin-right in fancy */
	margin: 10px;
	padding: 5px 20px 10px 20px;
	border: 1px gray dashed;
	background: #efefef;
}
.shaded {
	background: #efefef;
}

code.method {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif;
}
code.filename {
	font-family: Consolas, "Vera sans mono", "Lucida Typewriter", monospace;
	font-size: 100%;
}
code.filenameb {
	font-family: Consolas, "Vera sans mono", "Lucida Typewriter", monospace;
	font-size: 100%;
	font-weight: bold;
}
code.md {
	padding: 1px 4px;
	color: #d14;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 3px;	
}
.code {
	background: #efefef;
	color: black;
}
.codex {
	background: #efefef;
	color: black;
	margin: 10px; 
	padding: 5px; 
	border: thin dashed black;
	/* overflow: auto; */
}
.highlight {
	color: red;
	background: transparent;
}

.comment {
	color: green;
	background: transparent;
}
.withdrawn {
	text-decoration:line-through;
	color:gray;
}
span.newthing {
	color:yellow;
	background: red;
	font-weight: bold;
	padding: 1px 4px;
	border: none;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	box-sizing: border-box;
	border-radius: 7px;	
}

/* highlight theme: Eclipse IDE */
pre.hl	{ color:#000000; font-size:10pt; font-family:monospace;}
.hl.num { color:#000000; }
.hl.esc { color:#ff00ff; }
.hl.str { color:#0000ff; }
.hl.pps { color:#7f9fbf; }
.hl.slc { color:#2f9956; }
.hl.com { color:#717ab3; }
.hl.ppc { color:#3f5fbf; }
.hl.opt { color:#000000; }
.hl.ipl { color:#ff00ff; }
.hl.lin { color:#000000; }
.hl.kwa { color:#7f0055; font-weight:bold; }
.hl.kwb { color:#7f0055; font-weight:bold; }
.hl.kwc { color:#7f0055; font-weight:bold; }
.hl.kwd { color:#000000; }

.h-logo {
	float:right;
	left:2%;
	padding:3px;
}
.l-block {
	float:left;
	right:2%;
	padding:3px;
}
.c-middle {
	display: flex;
	align-items: center;
	overflow: auto;
}

.bottom-list {
	font-size: 125%;
	margin-top: 1em;
}

div.clear {
	height: 0;
	clear: both;
}

ul.check, ul.warn {
	list-style: none;
	padding: 0;
}
ul.check li:before {
	content: '\2713';
	margin: 0 1em;
}
ul.warn li:before {
	content: '\26A0';
	margin: 0 1em;
}

.accordion {
	background-color: #eee;
	cursor: pointer;
	text-align: left;
	transition: 0.4s;
	color: gray; 
	background: transparent; 
	text-decoration: none; 
	border: none;
	border-bottom: 1px dashed blue;
	height: 2em;
}

.accordion:active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
}

@media screen and (min-width:481px) {
	header li {
		padding-bottom: 12px;
	}
	header li.active:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-top-color: #fffff0;
		border-width: 14px;
		margin-left: -7px;
	}

	header li.active:first-child:after {
		margin-left: -14px;
	}

	header a,header a:link,header a:active {
		padding: 0 8px;
	}
}

@media screen and (max-width:480px) {
	header li {
		width: 50%;
		float: left;
		padding: 0;
		margin: 0;
	}

	header nav {
		margin: 0 20px;
	}

	header a,header a:link,header a:active {
		padding: 0;
	}
}