#full article.articulos ul.indice li {
	line-height:1.4em;
	font-size:1.3em;
}




#full article.articulos ul.indice li::before {
	font-family:FontAwesome;
	content:"\f0f6";
	color:#ccc;
	font-size:.9em;
	margin-right:1em;
	display:inline-block;
}

@media (max-width: 680px) {
	#full article.articulos ul.indice li {padding: 15px; margin-bottom:0.8em;line-height:1.2em;}
	#full article.articulos ul.indice li:nth-child(odd) { background-color: #F9F7F3;}
	#full article.articulos ul.indice li::before {display: none;}
}

#full article.articulos h2 {
	margin-top:1em;
	/* margin-bottom:0; */
}

#full article.articulos h2:first-of-type {
	margin-top:2em;
}

#full article.articulos h1 i {
	margin-right:.4em;
	font-size:.9em;
}

#full article.articulos h2 i {
	margin-right:.4em;
	font-size:.9em;
}

#main article.articulo .breve {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:300;
	margin-top:1em;
	margin-bottom:1em;
}

#main article.articulo .autor {
	font-size:1.1em;
	font-weight:200;
	margin-bottom:1em;
}

#main article.articulo .autor i {
	color:#62A5DB;
	width:1.3em;
}

#main article.articulo .autor i.fa-calendar {
	width:1.3em;
}

#main article.articulo ul.indice {
	margin-bottom:2em;
	font-size:1.1em;
}

#main article.articulo ul.indice li {
	line-height:1.4em;
}

#main article.articulo ul.indice li::before {
	content:"#";
	color:#ccc;
	font-size:1em;
	margin-right:.5em;
}

#main article.articulo strong.boton {
	padding:2px 6px;
	font-size:.93em;
	color:#0068A4;
	background-color:#eef8ff;
	border-radius:4px;
	box-shadow:0 -1px 0 rgba(0,0,0,0.25) inset;
	font-weight:300;
	white-space:nowrap;
}

#main article.articulo i.iconorojo {
	color: #A94442;
	font-size:1.1em;
	}

#main article.articulo h2 {
	font-weight:300;
	font-size:1.5em;
	margin-top:1.5em;
	margin-bottom:1.1em;
	color:#0068a4;
	line-height:1.3em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#main article.articulo h3,#main article.articulo h4 {
	font-weight:300;
	font-size:1.2em;
	margin-top:1.2em;
	margin-bottom:1em;
	color:#0068a4;
	line-height:1.3em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* #main article.articulo hr {
	margin:0 0 1.5em;
}
 */
#main strong.cverde {
color: rgb(70, 136, 71);
}

#main strong.crojo {
color: #a94442;
}

#main article.articulo figure {
	margin:1.5em 0 1.5em;
}

#main article.articulo .info {
	font-size:.97em;
	margin:20px 0;
	padding:20px;
	background-color:#fafaf8;
	border:1px solid #EFEBE7;
	color:#0068A4;
	border-radius:4px;
	white-space:wrap;
}

/* -------------------------------------- formulario */
#main article.articulo .info p.campo {
	margin-bottom: 1.3em;
	display: block;
}

#main article.articulo .info p.campo:last-child {
	margin-bottom: 0em;
}

#main article.articulo .info p.campo strong {
	width: 20%;
	display: inline-block;
}

#main article.articulo .info .input {
	padding:4px 10px 4px 10px;
	background-color:#ffffff;
	border:1px solid #EFEBE7;
	color:#0068A4;
	border-radius:4px;
	word-wrap: break-word;
	width: 70%;
	display: inline-block;
}

@media (max-width: 580px) {
	#main article.articulo .info p.campo strong {width: 100%;}
	#main article.articulo .info .input {width: 100%;}

}

#main article.articulo .info h4 {
    line-height: 1.2;
    font-size: 1.3em!important;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 1em;
    margin-top: 0!important;
    color: #0068a4;
}

#main article.articulo .info input {

    padding: .375rem .75rem;

    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;

}

/* -------------------------------------- formulario */


#main article.articulo .nota {
	margin:35px 0;
	padding:25px 25px 10px 25px;
	background-color:#EDF7FE;
	border-left:4px solid rgb(136, 202, 247);
	font-size:1em;
}

#main article.articulo .nota::before {
	content:"Nota";
	line-height:1.2;
	font-size:1.3em;
	font-weight:400;
	display:inline-block;
	margin-bottom:1em;
	color:#0068a4;
}

#main article.articulo .importante {
	margin:35px 0;
	padding:25px 25px 10px 25px;
	background-color:#F9F2F4;
	border-left:4px solid #C7254E;
	font-size:1em;
}

#main article.articulo .importante::before {
	content:"Importante";
	line-height:1.2;
	font-size:1.3em;
	font-weight:400;
	display:inline-block;
	margin-bottom:1em;
	color:#C7254E;
}

#main article.articulo .advertencia {
	margin:35px 0;
	padding:25px 25px 10px 25px;
	background-color: #fcf8e3;
	border-left:4px solid #f8cd78;
	font-size:1em;
}

#main article.articulo .advertencia::before {
	content:"Advertencia";
	line-height:1.2;
	font-size:1.3em;
	font-weight:400;
	display:inline-block;
	margin-bottom:1em;
	color:#8a6d3b;
}

#main article.articulo .updated {
	margin:35px 0;
	padding:25px 25px 10px 25px;
    background-color:#fafaf8;
	border-left:4px solid #00a32a;
	font-size:1em;
}




/* #main article.articulo .advertencia strong {
	color:#8a6d3b;
}

#main article.articulo .nota strong {
	color:#0068a4;
}
 */


/* https://www.w3schools.com/bootstrap/bootstrap_alerts.asp */

#main article.articulo .software {
	margin:35px 0;
	padding:25px;
	background-color:#fafaf8;
	border-left:4px solid #E6E4E0;
	font-size:1em;
}

#main article.articulo .software > strong:first-of-type {
	line-height:1.2;
	font-size:1.3em;
	font-weight:300;
	display:inline-block;
	margin-bottom:10px;
	color:#0068a4;
}

#main article.articulo .software > ul > li {
	margin-bottom:0;
}

#main article.articulo .software > ul > li > strong {
	font-weight:400;
	color:#0068a4;
}






#main article.articulo pre.prettyprint {
	margin:35px 0;
	padding:0 25px;
	background-color:#fafaf8;
	border-left:4px solid #E6E4E0;
	border-bottom:0;
	border-right:0;
	border-top:0;
	font-size:1em;
	border-radius:0;
}

#main article.articulo pre.prettyprint code {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* #main article.articulo .terminal p,#main article.articulo .terminal2 p,#main article.articulo .info p,#main article.articulo .nota p {
	margin:0;
} */

#main article.articulo img {
	max-width:100%;
	height:auto;
}

#main article.articulo abbr {
	color:#777;
	font-weight:500;
}

#main article.articulo strong.correcto {
	color:#468847;
	background-color:#edf7e8;
	border:1px solid #cfe4d5;
	font-weight:300;
	padding:1px 6px;
	white-space:nowrap;
	border-radius:4px;
	font-size:.95em;
	line-height:1.9em;
}

#main article.articulo strong.correcto::before {
	font-family:FontAwesome;
	content:"\f05d";
	margin-right:.4em;
	margin-left:.2em;
}

#main article.articulo strong.directorio,
#main article.articulo strong.administrar,
#main article.articulo strong.descarga,
#main article.articulo strong.input,
#main article.articulo strong.marca,
#main article.articulo strong.desmarca,
#main article.articulo strong.llave,
#main article.articulo strong.engranaje,
#main article.articulo strong.wpress {
	color:#0068A4;
	font-weight:300;
}


#main article.articulo strong.directorio::before {
	font-family:FontAwesome;
	content:"\f114";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}


#main article.articulo strong.administrar::before {
	font-family:FontAwesome;
	content:"\f0ad";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}

#main article.articulo strong.descarga::before {
	font-family:FontAwesome;
	content:"\f019";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}

#main article.articulo strong.input::before {
	font-family:FontAwesome;
	content:"\f040";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}


#main article.articulo strong.marca::before {
	font-family:FontAwesome;
	content:"\f046";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}

#main article.articulo strong.desmarca::before {
	font-family:FontAwesome;
	content:"\f096";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}

#main article.articulo strong.llave::before {
	font-family:FontAwesome;
	content:"\f084";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}

#main article.articulo strong.engranaje::before {
	font-family:FontAwesome;
	content:"\f013";
	color:#0068A4;
	margin-right:.4em;
	margin-left:.2em;
}

#main article.articulo strong.wpress::before {
	font-family:FontAwesome;
	content:"\f19a";
	margin-right:.4em;
	margin-left:.2em;
	color:#0068A4;
}

#main article.articulo .enlace::before {
	font-family:FontAwesome;
	content: "\f08e";
	margin-right:.3em;
	margin-left:.3em;
	color:#0068A4;
	font-size:.80em;
}

kbd {
	padding:2px 6px;
	font-size:.93em;
	color:#0068A4;
	background-color:#eef8ff;
	border-radius:4px;
	box-shadow:0 -1px 0 rgba(0,0,0,0.25) inset;
	font-weight:300;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	white-space:nowrap;
}

#main article.articulo .terminal {
	margin:10px 0;
	padding:10px 0;
	background-color:#eef8ff;
	color:#0068A4;
	border-radius:0;
}

#main article.articulo code {
	font-family:"Courier New",Courier,Monaco,monospace;
	padding:0 0 0 4px;
}

#main article.articulo .terminal code {
	color:#0068A4;
	display:block;
	background-color:#EDF7FE;
}

#main article.articulo code.comando {
	color:#0068A4;
	font-weight:300;
	padding:8px 0 8px 4px;
	background-color:#EDF7FE;
	white-space:nowrap;
	border-radius:0;
	font-size:.95em;
	line-height:1.2em;
	display:block;
}

#main article.articulo code.comando::before,#main article.articulo .terminal code::before {
	content:"[~]#";
	font-weight:300;
	display:inline-block;
	margin-right:.8em;
	color:#ccc;
}

#main article.articulo .terminal2 {
	margin:10px 0;
	padding:20px;
	background-color:#eef8ff;
	color:#0068A4;
	border-radius:0;
	font-weight:300;
	font-family:"Courier New",Courier,Monaco,monospace;
	font-size:.9em;
}


#main article.articulo .comandos p {
	margin-bottom:.3em;
}

#main article.articulo .comandos p.sep {
	margin-top:1em;
	margin-bottom:1em;
}

#main article.articulo .sepv {
	margin-top:2em;
	margin-bottom:2em;
}


.bocadillo {
	background-color:#fafaf8;
	padding:20px;
	border-radius:15px;
	line-height:1.5em;
	font-size: 1.05em;
}
.bocadillo p {margin: 0;}

.bocadillo { position: relative; background: #fafaf8; border: 1px solid #E6E4E0; }
.bocadillo:after, .bocadillo:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.bocadillo:after { border-color: rgba(250, 250, 248, 0); border-top-color: #fafaf8; border-width: 20px; margin-left: -20px; }
.bocadillo:before { border-color: rgba(230, 228, 224, 0); border-top-color: #E6E4E0; border-width: 21px; margin-left: -21px; }


#social {
	margin-top:30px;

	margin-bottom:30px;
}

#social h4 {
	margin-bottom:30px;
}

.facebook {
	margin:-24px 0 0 145px;
}


.desktop {
    border-radius: 4px 4px 0 0;

    background-color: #e0e0e0;


    position: relative;


    padding-top: 22px;

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.125);
}

.desktop .barbutton {
    border-radius: 4px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 7px;
    content: '';
}

.desktop .barbutton:nth-child(1) {
    background-color: #ff6357;
}

.desktop .barbutton:nth-child(2) {
    background-color: #ffc009;
    left: 19px;
}

.desktop .barbutton:nth-child(3) {
    background-color: #20ce37;
    left: 31px;
}

.desktop img {
    width: 100%;
}




@media (max-width: 680px) {
	.facebook {
		margin:0;
	}
}


ol.heading {
    list-style: none outside none;

    margin: 0!important;
    padding: 0!important;
}



section.intro {padding-top: 2em; }

figure  { position: relative;}
figure  img {  border: 1px solid #ccc;}

/* <span class="pointer" style="top:35%; left:35%">1</span>
figure .pointer { 
    position: absolute; 
    font-size: 2em;
    background:#468847;
    color:#ffffff ;
    border: 3px solid #ffffff;
    vertical-align: middle; 
    text-align: center;
    height: 1.2em;
    width: 1.2em;

    opacity: 0;
    border-radius: 50%;
    animation-name:fadeIn; 				
	animation-duration: 3s;
    animation-iteration-count:infinite;  
	animation-direction:alternate; 
    animation-delay: 1s;
 } */


figure i.pointer { position: absolute; font-size: 2em;color:#468847;background:#ffffff ;
    vertical-align: middle; 
    text-align: center;
    height: 1em;
    width: 1em;
    opacity: 0;
    border-radius: 50%;
 }

figure i.pointer  {

    animation-name:fadeIn; 				
	animation-duration: 3s;
    animation-iteration-count:infinite;  
	/* animation-direction:alternate; */
    animation-delay: 1s;
}

@keyframes fadeIn { 
    0% {
        opacity: 0;
      }
    10% {
        opacity: 1;
      }
    90% {
        opacity: 1;	
      }
    100% {
        opacity: 0;
      }
  }

  section p {
    margin-bottom: 1rem;
}