/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,dl,dt,dd,
table,tr,td,th,p,img {
 margin:0;
 padding:0;
}

img, fieldset {
 border:none;
}

hr {
 display:none;
 /*
  HR in my code are for semantic breaks in topic/section, NOT
  style/presenation, so hide them from screen.css users
 */
}

/* Fix for Apple */
@media (max-width:512px) {
 * {
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
 }
}

/* fix for HDX displays like the Kindle Fire HDX */
@media
 (-webkit-min-device-pixel-ratio:2) and (min-width:1600px), 
 (min-resolution:172dpi) and (min-width:1600px)
{
 html { font-size:200%; }
}

html,                                                                   
body {                                                                  
 width:100%;   /* IE 10/11 compatibility */                            
 height:100%;  /* BODY as a flexbox container for sticky footer */     
}    

body { 
 display:flex;
 flex-direction:column;
 min-width:50em; /* for pre CSS3 capable browsers */
 font:normal 87.5%/155% arial,helvetica,sans-serif;
}

.widthWrapper {
 overflow:hidden; /* wrap floats and margins */
 zoom:1; /* trip haslayout, wrap floats and margins legacy IE */
 max-width:62.5em;
 margin:0 auto;
 padding:0 1em;
}


* html .widthWrapper {
 width:70em; /* shove a fixed width for legacy IE */
}

#footer,
#top {
 background:#000079;
 background:#C9DEFF;
}

#top {
 padding:0.5em 0 0 0;
 box-shadow: inset 0 -7px 9px -7px rgba(0,0,79,0.3);
}

#footer { 
 box-shadow: inset 0 7px 9px -7px rgba(0,0,79,0.3);
}

#heightWrapper, 
#top,
#footer,
.contentBox {
 clear:both;
 overflow:hidden; /* wrap floats */
 zoom:1; /* trip haslayout, wrap floats legacy IE */
 flex-shrink:0; /* IE fix */
}

#contentWrapper {
 float:left;
 width:100%;
}

#heightWrapper {
 background:#EAEBFF;
 background:#FAFAFF;
 clear:both;
 flex:1 0 auto;
}

#extras,
#extras .firstSection,
#extras .secondSection {
 position:relative;
}

#extras h2 {
 text-align:center;
}

#extras ul {
 list-style:none;
 text-align:center;
 margin:0;
 padding:0;
}

#extras li {
 padding-bottom:1em;
}

#extras {
 float:left;
 width:16em;
 margin-left:-16em;
 padding-top:1em;
}

#content {
 margin-right:16em; /* #extra's width */
 padding:1em 1em 0 0;
}

.contentBox {
 padding:1em 1em 0.25em 1em;
 margin-bottom:1em;
 background:#FFF;
 border-radius:0.5em;
 box-shadow:
  0px 6px 16px 1px rgba(0,0,0,0.175);
}

#content li {
 padding-bottom:0.625em;
}

#content li:last-child {
 padding-bottom:0.25em;
}

#content ul ul {
 padding-bottom:0;
}

#content li li {
 padding-top:0.25em;
}

ul.tagged {
 padding-left:0;
 list-style:none;
}

h1::before {
 content: "#";
}

h1 {
 float:left;                                                           
 font:bold 230%/115% arial,helvetica,sans-serif;
 padding-bottom:0.25em;
 color:#000079;
}

h1 a,
h1 a:visited,
h1 small,
h1 a:focus,
h1 a:hover {
 color:#000079;
 text-decoration:none;
} 

h1 small {
 position:relative;
 display:block;
 font-weight:normal;
 font:normal 47.5%/110% arial,helvetica,sans-serif;
 color:#000;
 text-shadow:none;
}

h1 span {
 display:none;
}

h2 {
 font:bold 115%/120% arial,helvetica,sans-serif;                       
}

h3 {
 font:bold 110%/120% arial,helvetica,sans-serif;                       
}

a {
 color:#000079;
 color:#000099;
}

a:visited {
 color:#551A8B;
 color:#220055;
}

.meta,
h2 small {
 font:normal 85%/125% arial,helvetica,sans-serif;
}

#tags ul {
 padding-bottom:1em;
}

#tags li { 
 display:inline;
}

ul.tags li a,
#tags a {
 display:inline-block;
 text-decoration:none;
 background:#FFFFD6;
 border:1px solid #996600; 
 border-radius:0.5em;
 color:#000;
 padding:0 0.375em;
 margin:0.375em 0.175em;
 font:normal 90%/155% arial,helvetica,sans-serif;
 box-shadow:
  0 0 4px rgba(0,0,0,0.25);
}

ul.tags li a {
 margin:0;
}

ul.listTags {
 list-style:none;
 padding-left:0;
}

ul.tags:before {
 content: "Temas: ";
}

ul.tags li:first-child {
 margin-left:0.25em;
}

ul.tags {
	margin:0;
	padding:0 0 0.5em 0;
}

.tags li {
	display:inline;
	margin-left:0.75em;
}

.tags a {
	display:inline-block;
}

.tags li:first-child {
 margin-left:0.5em;
}


h2 {
 padding:0 0 1em 0;
 color:#041A07;                
 color:#000;
}

h2,
h3,
h4,
h5 {
 padding-bottom:0.75em;
}

h2.entry {
 padding-bottom:0.25em;
}

h3 small,
h4 small {
 color:#197B02;
 font:normal 85%/120% arial,helvetica,sans-serif;
}

p {
 padding:0 0 1em 0;
}

ol,
ul { 
 padding:0 0 0.75em 1.5em;
}

.read-more {
	clear:both;
	display:block;
	float:right;
	width:100%;
	text-align:right;
	padding:0 0.25em 1em 0;
}

.read-more a {
  border-radius:0.5em;
  padding:0.5em;
  color:#000;                                                           
  background:#D6DEFF;
  background:#C9DEFF;
  border-top-left-radius:0.5em;                                         
  border-top-right-radius:0.5em;                                        
  text-decoration:none;
 box-shadow:                                                          
  inset 0 0 3px rgba(0,68,0,0.5),
  0 0 7px rgba(0,0,0,0.25);
}

.email,
.alias {
 color:#683217;
}

.email {
 color:#000;
}

.preview h2 a {
 text-decoration:none;
}

.poweredby {
 display:block;
 margin:0 auto;
 padding-bottom:1em;
}

#mainMenu {
 float:right;
 list-style:none;
 text-align:right;
 max-width:35em;
 padding:0.75em 0 0.5em 0;
}

#mainMenu li {
 display:inline;
 margin:0;
 padding-left:1em;
}

#mainMenu a {
 display:inline-block;
 min-width:3em;
 text-align:center;
 padding:0.5em 0.5em;
 border-radius:0.5em;
 font:normal 1.05em/1.5 arial,helvetica,sans-serif;
 text-decoration:none;
}

#mainMenu a:visited {
 color:#000079;
}

.read-more a:hover,
#mainMenu a.current,
#mainMenu li a:active, 
#mainMenu a:focus,
#mainMenu a:hover { 
 background:#FFF;
 box-shadow:                                                          
  inset 0 0 3px rgba(0,0,68,0.75),
  0 0 7px rgba(0,0,0,0.5);
 transition:all 0.2s;
} 

#footer a:focus,
#footer a:hover,
h1 a:focus,
h1 a:hover { 
 background:none;
}

.copyright {
 float:left;
}

.correo {
 font-style:italic;
}

.link {
 padding-left:0;
}

.toc ul ul {
	padding-top:0.25em;
	padding-bottom:0;
}

.toc-title {
 padding-bottom:0.5em;
 display:block;
}

.toc {
 padding:1em 1em 0 1em;
 border:1px solid #E5E5E5;
 border-radius:0.5em;  
 margin:0 0 0.5em 0.5em;
}

.toc {
 display:block;                                                        
 max-width:100%;                                                       
 float:right;                                                          
 height:auto;                                                          
}

dt,
.update,
.warning,
td.nombre,
.alias,
.setting,
.toc-title,
.ip,
.if,
.url,
.user,
.file,
.host,
.canal,
.net,
.option,
.dir {
 font-weight:bold;
}

.if {
 color:#993300;
}

.ip {
// color:#996600;
}

.url { 
 color:#003399;
}

.trailingPlate {
 float:right;
 margin:0.5em 0 1em 1em;
}

.leadingPlate {
 float:left;
 margin:0.5em 1em 0.25em 0;
}

.plate {
 margin:0 0 1em 0;
}

.plate,
.trailingPlate,
.leadingPlate {
 display:block;
 max-width:100%;
 height:auto;
 border-radius:0.5em;
 box-shadow:                                                            
  0px 3px 5px 1px rgba(0,0,0,0.15); 
}

#footer {
 padding:1em 0;
}

#footer a {                                                            
 float:right;                                                          
 text-decoration:none;
}                                                                       

#footer a:before {
 content: "\2B06";
}
                                                                        
#footerNav li {                                                         
 display:inline;                                                       
}                                                                       
 
#footerNav a {                                                          
 display:inline-block;                                                 
 margin-left:0.75em;                                                    
}                                     

#footerNav a:visited {
 color:#000079;
}

.contact {
 padding-bottom:1em;
} 

.pagination {                                                           
 list-style:none;                                                      
 text-align:center;                                                    
 margin:0.25em 0;
}                                                                       
                                                                        
.pagination li {                                                        
  display:inline;                                                       
}                                                                       
                                                                        
.pagination a,                                                          
.pagination span {                                                      
 color:#000;
 display:inline-block;                                                 
 min-width:1em;                                                        
 padding:0.25em 0.5em;                                                 
 text-align:center;                                                    
 text-decoration:none;                                                 
 border-radius:0.5em;                                                  
 box-shadow:
  inset 0 0 3px rgba(0,68,0,0.5),
  0 0 7px rgba(0,0,0,0.25);
 color:#000;
 background:#D6DEFF;
}                                                                       
                                                                        
.pagination span { /* selected */ 
 background:#FFF;
}                                                                       
                                                                        
.pagination span.disabled {                                             
 background:#FFF;                                                      
 color:#000;                                                           
 border:1px solid #E5E5E5;                                             
 box-shadow:none;
}                                                                       
                                                                        
.pagination a:active,
.pagination a:hover,
.pagination a:focus, 
.pagination a:hover {                                                   
 color:#000;
 background:#FFF;
 transition:all 0.2s;
}   

.views {
 display:flex;
 flex-wrap:wrap;
 width:100%;
 padding-bottom:1em;
 margin-top:-0.5em; /* negative .views > div margin-top */ 
 margin-left:0.25em;
 word-wrap:break-word;
}

.views > div {
 flex:1 0 auto;
 margin:0.5em 0.5em 0 0;
 padding:1em 1em 0.5em 1em;
 border:1px solid #E5E5E5;
 border-radius:0.5em;                                          
}

.views ul {
 padding-bottom:0.5em;
}

.views ul ul {
 padding:0.25em 0 0 1.25em;
}

pre,code,var,samp,kbd {
	font-size:0.95em;
	font-family:consolas,monospace;
}

pre {
 overflow:auto;
 margin-top:0;
 padding-bottom:0.5em;
}

dl dt {
	padding-top:1em;
}

dl dt:first-child {
	padding-top:0;
}

dl dd pre {
	padding:0;
}

dl {
	padding-bottom:1em;
	padding-bottom:0em;
}

.update {
	color:#006600;
}

.warning {
	color:#AB0000;
}

dd pre {
 padding-bottom:0;
 margin:0;
}

dl {
 padding-bottom:1em;
}

table {
 border-collapse:collapse;
 margin-bottom:1em;
 text-align:left;
 border:1px solid #EFEFEF;
 min-width:20.5em;
}

table thead th {
 padding:0.2em 0.4em;
 background:#FFF;
 color:#000;
 border:1px solid #E5EDFF;
}

caption {
 font:bold 100%/145% arial,helvetica,sans-serif;
 padding:0 0 0.5em 0;
 text-align:left;
}

table tbody tr th,
table tbody tr td {
 font-weight:normal;
 padding:0.5em;
 background:#FFF;
 border:1px solid #E5EDFF;
}

table tbody tr:nth-child(even) th,
table tbody tr:nth-child(even) td {
 background:#E5EDFF;
 background:#EAF0FF;
}

@media (max-width:45em) {
 body {
  min-width:192px;
 }
 #top {
  padding:0.5em 0 0 0;
 }
 #mainMenu ul {
  margin:0;
  padding:0;
 }
 h1 { 
  float:none;
  padding:0 0 0.25em 0;
  text-align:center;
  margin:0 auto;
 }
 #mainMenu {
  float:none;
  width:auto;
  text-align:center;
  max-width:50em;
  margin:0 auto;
  padding:0.5em 0 0.75em 0;
  margin-bottom:0.5em;
 }
 .leadingPlate,
 .trailingPlate {
  float:none;
  margin:0 0 1em 0;
  width:100%;
 }
 #content {
  margin:0;
  padding:1em 0 0;
 }
 .toc {                                                                
  float:none;                                                         
  max-width:100%;                                                     
  margin:0 auto 1em;                                                  
 }            
 .toc li {                                                             
  padding-bottom:0.5em;                                               
 }               
 .toc li:last-child {                                                  
  padding-bottom:0;                                                   
 }                                                 
 .contentBox {
  box-shadow:none;
  padding:0;
 }
 #extras {
  float:none;
  clear:both;
  width:auto;
  margin:0;
  padding:0 17em 0 0;
 }
 #extras {
  padding:0;
 }
 #extras .firstSection,
 #extras .secondSection {
  float:none;
  left:0;
  margin:0;
  width:auto;
 }
}

@media (max-width:38em) {                      
 #footerNav {                                                          
  display:none;
 }
 #extras {
  padding:1em 0 0 0;
 }
 #extras .firstSection,
 #extras .secondSection {
  float:none;
  left:0;
  margin:0;
  width:auto;
 }
 #footer {
  padding:1em 0;
  text-align:center;
 }
 .copyright {
  float:none;
 }
 #mainMenu li:first-child {
  padding-left:0;
 }
}

@media (max-width:25em) {
 .views > div {
	flex:1 1 auto;
	margin-top:0;
	border:none;
	padding:0em 0 0 0;
 }
 .views {
	padding-top:0.75em;
 }
 h1 {
  padding-bottom:0.325em;
 }
 #top {
  padding-top:0;
 }
 .widthWrapper {
  padding:0;
 }
 .contentBox {
  margin: 1em;
  box-shadow:none;
 }
 #content {
  padding:0;
 }
 #extras h2,
 #extras ul {
  text-align:left;
 }
 .contentBox {
  border-radius:0;
 }
 .contentBox {
  box-shadow:none;
 }
 h1 {                                                                    
  padding-top:0.25em;                                                   
  font:bold 180%/115% arial,helvetica,sans-serif;                       
 }                                                        
 #extras {
  padding:0;
  margin:0;
 }
}

@media (max-width:21em) {
 .views > div {
  margin-right:0;
 }
}