/* sitioID = 6 */

header, header h1 {height:180px;}
header h1 a {visibility:hidden;}
header h1 a::before {color:#fff;content:"\24E5 agacode \270a";	display:block;text-shadow:3px 3px 3px #ccc;visibility:visible;}
header h3 {color:#ccc;display:block;font-family:Roboto;font-size:35px;left:-15px;text-align:center;top:-150px;}

.post-inner{border:none;}

body.layout-sitio .post {margin-bottom:20px;}
body.layout-post .post-inner {padding-bottom:3em !important;}
.post-tipo[tipo="html"] .post-titulo {background-color:#34b3a0;line-height:1.5;margin:-10px -10px 0;}

body.layout-post .sue-resumen {display:none;}
body.layout-post .sue-miniatura {display:none !important;}
body.layout-post .formato-html p {text-align:justify;}

body.layout-sitio .sue-content {display:table;padding:2em 2em 1em;width:100%;}
body.layout-sitio .sue-content img {display:table-cell;margin:0;max-width:400px;outline:1px solid #ccc;}
body.layout-sitio .sue-content p {display:table-cell;font-family:Roboto;font-size:18px;margin:0;padding-left:2em;vertical-align:middle;}

body.layout-sitio .html-link {background-color:#34b3a0 !important;border-radius:4px;color:#fff !important;display:block;font-size:18px !important;}
body.layout-sitio .html-link:hover {width:300px;}

body.layout-sitio .post-footer, body.layout-post .post-footer {border-bottom:1px dotted #ddd;border-top:1px dotted #ddd;padding:.2em 1em;}
body.layout-sitio .post-comentarios,body.layout-post .post-comentarios {margin:1em auto 0;width:75%;}
body.layout-sitio .agregar-comentario button, body.layout-post .agregar-comentario button {background-color:#666;}
body.layout-post .post-footer {max-width:100%;}

body.layout-post .formato-html-content {padding:1em 2em;}
body.layout-post .formato-html-content a {border-bottom:1px dashed;color:#5f9ea0 !important;}
body.layout-post .formato-html-content a:hover {color:#000 !important;}
body.layout-post .formato-html-content img {display:inline;margin:0;}
body.layout-post .formato-html-content img.rec {background-color:#eee;display:block;margin:1em auto 1.5em;padding:1em;}
body.layout-post .formato-html-content p.rec {background-color:#eee;display:inline-block;padding:0.1em 2em;text-align:left;}
body.layout-post .formato-html-content a.git::after {color:#5f9ea0;content:"\f113";font-family:fontawesome;font-size:20px;margin-left:0.2em;position:relative;}
body.layout-post .formato-html-content a.git:hover::after {font-size:22px;color:#000;}
body.layout-post .formato-html-content span.tab {display:block;margin-left:2em;}

.prettyprint {background-color:#fafafa;border:1px dotted #ccc;font-family:Helvetica !important;margin:3em 0;padding:1em;position:relative;}
.prettyprint::before {background-color:#fafafa;border:1px dotted #ccc;color:#666;content:attr(code);font-size:24px;padding:2px 15px;position:absolute;right:-1px;top:-35px;}
.pln{color:#66f}
ol.linenums{margin-top:0;margin-bottom:0;color:#8e908c}
li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal}
.str{color:#718c00}
.kwd{color:#8959a8}
.com{color:#8e908c}
.typ{color:#4271ae}
.lit{color:#f5871f}
.pun{color:#4d4d4c}
.opn{color:#4d4d4c}
.clo{color:#4d4d4c}
.tag{color:#c82829}
.atn{color:#f5871f}
.atv{color:#3e999f}
.dec{color:#f5871f}
.var{color:#c82829}
.fun{color:#4271ae}
.prettyprint + .descargar {margin-top:-2.5em !important;text-align:right !important;}

.presimple::before {display: none;}
.presimple {display: table;margin: 1em auto;padding: 0.3em 2em;text-align: center;}

.bcat i {font-size:24px;padding-left:0.5em;}

body.layout-post code.html {color:#c82829;font-weight:bold;}
body.layout-post code.html::before {content:"<";}
body.layout-post code.html::after {content:">";}
body.layout-post code.css {color:#20b2aa;font-weight:bold;}
body.layout-post code.js {color:#66f;font-weight:bold;}

body.layout-sitio .post-content .categoria {color:#34b3a0;font-style:italic;}
body.layout-post .formato-html .categoria {color:#34b3a0;font-style:italic;margin:10px 0 0;}

#paginacion {margin:0;}
#paginacion p.no-more {background-color:#34b3a0;color:#fff;}
#paginacion button {background-color:#34b3a0;width:100%;}

body.layout-post .ico-postcomentarios {display:inline-block;}
body.layout-post .post-comentarios {display:none;}

.demo {margin:0 auto; position:relative;text-align:center;}
.demo::after {clear:both;content:"";display:block;}
.demo div.inlineblock {display:inline-block; margin:0px;text-align:center;}
.demo.rec {background-color: #eee;padding: 0.5em 0;}
.demo.simple p {margin: 0 !important;}
.demo.center p {text-align: center !important;}
.demo a {border: none !important;}

.toggleejemplo {background-color:#34b3a0;border-radius:2px;color:#fff !important;cursor:pointer;margin:1em auto !important;padding:0.3em 0;text-align:center;width:40%;}
.ejemplocode {display:none;}
.ejemplocode .prettyprint::before {top:-28px;}

body.layout-post .formato-html-content img.caption {display:block;padding:0 0.5em;}
body.layout-post .formato-html-content img.caption + span {display:inline-block;font-size:16px;margin-top:0.5em;}

body.layout-post .formato-html-content iframe.rec {display:block;margin:0 auto;outline:3px solid #ccc;}

ul.btndemo {display:table;list-style-type:none;margin:0;padding:0;width:100%;}
ul.btndemo li {background-color:#34b3a0;border:10px solid #fff;border-radius:1em;color:#fff;cursor:pointer;display:table-cell;line-height:1.6em;opacity:.7;text-align:center;}
ul.btndemo li:hover {opacity:1;}

#topbar {background-color:#f5f5f5;margin-bottom:32px;margin-top:0;}
#topbar .bar-content {overflow:visible;}
#topbar .bar-content > div {padding:0;}
#usertop {border-spacing:10px;display:table;position:relative;width:900px;}
#usertop div {display:table-cell;vertical-align:middle;}
#usertop div.maincat {background-color:#eee;font-size:2em;outline:1px solid #ccc;text-align:center;width:4em;}
#usertop div.maincat a {color:#888;font-weight:bold;text-shadow:1px 1px 2px #fff;}
#usertop div.maincat a:hover {color:#444;}
#usertop div.maincat:hover {background-color:#ddd;}
#usertop .nav {position:relative;text-align:center;width:335px;}
#usertop .nav span {color:#888;cursor:pointer;font-size:1.5em;}
#usertop .nav span:hover {color:#444;}
#usertop .nav ul {background-color:#f5f5f5;display:none;left:50%;margin-left:-85px;padding:1em 0;position:absolute;width:170px;z-index:2;}
#usertop .nav span:hover ul {display:block;}
#usertop .nav ul li {display:block;font-size:1em;}
#usertop .nav ul li a {color:#888;}
#usertop .nav ul li a:hover {color:#444;}
#usertop .pdfs {position:absolute;right:10px;text-align:right;top:4px;width:140px;z-index:2;}
#usertop .pdfs img {cursor:pointer;filter:grayscale(100%);height:50px;margin:0 2px;}
#usertop .pdfs img:hover {filter:none;transform:scale(2);z-index:3;}
#usertop div.maincat:first-child {background-color: transparent;color: #888;cursor: pointer;opacity: 0.5;outline: none;padding-right: 0.5em;transform: scale(1.3);width: 1em;}
#usertop div.maincat:first-child:hover {opacity: 1;}

#indice {background-color: #fff;margin: 0 auto;max-width: 900px;min-height: 100%;overflow: hidden;position: relative;}
#indice h2 {color: #888;font-size: 300%;letter-spacing: 0.1em;margin: 0.5em 0;text-align: center;text-shadow: 1px 1px 2px #666;}
#indice-inner {column-count: 2;column-gap: 0;}
#indice-inner div {display: inline-block;padding: 1em;width: 100%;}
#indice-inner ul {margin: 0.5em 1em;}
#indice-inner li {padding: 0.1em 0.5em;}
#indice-inner a {color: #888;}
#indice-inner h3 {border-bottom: 1px dotted #888;color: #888;font-size: 150%;font-weight: normal;padding-left: 0.5em;}
#indice-inner li:hover {background-color: #eee;}
#indice-inner li:hover a {color: #000;}
#indice button {background-color: #34b3a0;width: 100%;}