/*  
Theme Name: Simple Mag 
Theme URI: https://justfreethemes.com/simple-mag-free-wordpress-theme/
Description: Plantilla simple y optimizado. Theme basado en Simple Mag.
Version: 1.3
Author: JustFreeThemes.com 
*/

audio, canvas, video { display : inline-block; }

audio:not([controls]) { display : none; height : 0; }

[hidden] { display: none; }

html { font-family: sans-serif; }

body { margin: 0; }

a:focus { outline: none; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

hr { box-sizing: content-box; height : 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family : monospace, serif; font-size : 1em; }

pre { white-space: pre-wrap; }

q { quotes : "\201C" "\201D" "\2018" "\2019"; }

img, iframe, video { border: 0; max-width: 100%; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: #c0c0c0 solid 1px; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family : inherit; font-size : 100%; margin : 0; }
button, input { line-height : normal; }
button, select { text-transform : none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor : pointer; }
button[disabled], html input[disabled] { cursor : default; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; padding : 0; }
input[type="search"] { box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border : 0; padding : 0; }
textarea { overflow : auto; vertical-align : top; }

table { border-collapse : collapse; border-spacing : 0; }
:focus { outline : none; }
::-moz-focus-inner { border : 0; }

body {
font-size : 13px;
font-family : 'Raleway', sans-serif;
background : #f3f3f3 url("https://www.dibujanime.com/wp-content/uploads/fondo.png");
background-attachment: fixed;
color : #444;
line-height : 2em;
overflow-wrap : break-word;
}
p { margin: 0 0 15px; }

a { text-decoration: none; color: #00806F; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-weight : bold; }
h1 { font-size : 26px; }
h2 { font-size : 22px; }
h3 { font-size : 18px; }
h4 { font-size : 16px; }
h5 { font-size : 15px; }
h6 { font-size : 14px; }

.header { display: block; width: 100%; margin-bottom: 28px; background: rgba(0, 0, 0, 0.6); }

.header-color {
    width: 100%;
    height: 180px;
    position: absolute;
    z-index: -1;
    background: #77E4FF;
    background: -moz-linear-gradient(#77E4FF,transparent);
    background: -webkit-linear-gradient(#77E4FF,transparent);
    background: -o-linear-gradient(#77E4FF,transparent);
    background: -ms-linear-gradient(#77E4FF,transparent);
    background: linear-gradient(#77E4FF,transparent);
}
.header-contenido {
max-width: 1200px; 
margin: 0 auto;
z-index: 1;
position: relative;
padding: 15px 0 15px 0px;
}
#logo { float : left; max-width : 100%; }
#logo h1 { margin : 0; float: left; }

#logo a.blog-title {
font-size : 42px;
text-transform : capitalize;
font-weight : bold;
line-height : 1em;
color: #FFE30B;
text-shadow: 1px 0px 1px #792200;
background: transparent url("https://www.dibujanime.com/wp-content/uploads/Logo.png") no-repeat;
background-size: 50px;
padding-left: 58px;
}
#logo .description {
margin: 10px;
font-size: 15px;
color: #eee;
float: left;
}

ul { list-style: none; margin: 0; padding: 0; }

ul.top-menu, ul.top-menu ul.sub-menu {
padding: 0;
margin: 0;
}
ul.top-menu li, ul.top-menu ul.sub-menu li {
list-style-type: none;
display: inline-block;
}
ul.top-menu li a, ul.top-menu li ul.sub-menu li a {
text-decoration: none;
padding: 5px 0px;
font-size: 14px;
background: #137FAA;
display: block;
color: #fff;
font-weight: bold;
border: 2px solid #1196ca;
}
ul.top-menu li {
position: relative;
width: 33%;
margin: 4px 0.15%;
float: left;
text-align: center;
}
ul.sub-menu li {
margin: 4px 0 0 0 !important;
}
ul.top-menu li ul.sub-menu {
display: none;
position: absolute;
top: 40px;
left: 0;
width: 150px;
}
ul.top-menu li:hover ul.sub-menu {
display: block;
}

#nav {
float: right;
width: calc(100% - 530px);
margin-top: 0px;
}
#nav li.page_item a:hover, #nav li a:hover {
background: #10a5e0;
}
#nav li.page_item {
list-style-type: none;
display: inline-block;
margin: 4px 0 5px 15px;
}
#nav li.page_item a {
text-decoration : none;
padding : 5px 25px;
font-size : 14px;
background : #efefef;
border : #ececec solid 2px;
display : inline-block;
}
#nav li.page_item ul.children {
display : none;
position : absolute;
width : 150px;
}
#nav li.page_item:hover ul.children {
display : block;
}
ul.children li {
margin : 4px 0 0 0 !important ;
}
.main { 
max-width: 1200px;
margin: 0 auto;
padding: 0;
font-size: 14px;
}
.post {
background : #fff;
margin : 0 0 40px 0;
border: 1px solid #ddd;
}
.single .post {
margin-bottom: 20px !important;
float: left;
max-width: calc(100% - 312px);
}
.sticky {
box-shadow : 0 2px 1px #14B690;
}
.post-individual {
padding : 10px 20px;
}
h2.post-title a, h1.post-title {
color : #000;
}
.post-title {
font-size : 30px;
line-height : 36px;
margin : 0 !important;
padding: 7px 0;
}
.page-header {
margin-bottom : 10px !important ;
}
.post-info {
color : #555;
font-size : 13px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
}
.post-info a {
background: #f5f5f5;
padding: 3px 6px;
color: #060606;
border-radius: 4px;
}
.post-info a:hover {
color : #fff;
background: #39beff;
}
.read-more {
display : block;
margin : 25px 0 10px 0;
text-align : right;
}
.read-more a {
font-family : 'Helvetica Neue', Arial, Helvetica, sans-serif;
background : #F5F5F5;
border : #bbb solid 1px;
color : #444;
font-size : 11px;
font-weight : bold;
line-height : 1.4em;
padding : 6px 10px;
width : auto;
border-radius : 3px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.1);
}
.read-more a:hover {
text-decoration : none;
border-color : #aaa;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2);
}
.post pre {
background : #f2f2f2;
border : #ddd solid 1px;
padding : 15px 20px;
line-height : 1.6em;
margin-bottom : 20px;
color : #000;
}
.post code {
background : #f2f2f2;
}
.post ol {
list-style : decimal;
margin : 0 0 20px 50px;
padding : 0;
}
.post ul {
list-style : disc;
margin : 0 0 20px 50px;
}
.post li {
margin : 0 0 5px 0;
}
.post blockquote {
background : #efefef;
padding : 20px;
border-left : 8px solid #dedede;
font-style : italic;
line-height : 2em;
font-weight : bold;
font-size : 16px;
margin : 0 0 20px 0;
}
blockquote p {
margin : 0;
}
cite {
font-size : 14px;
font-weight : normal;
}
p.paged {
display : block;
clear : both;
}
#authorarea {
margin : 30px 0 10px 0;
border : #eee double 3px;
border-left : none;
border-right : none;
padding : 20px 0;
min-height : 100px;
overflow: hidden;
}
.avatar.avatar-100.photo {
float : left;
display : block;
margin : 0 20px 0 0;
}
.post-tags {
margin-top : 30px;
display : block;
clear : both;
}
.post-tags a {
font-family : 'Helvetica Neue', Arial, Helvetica, sans-serif;
display : block;
float : left;
margin-right : 5px;
margin-bottom : 5px;
background : #F5F5F5;
border : #bbb solid 1px;
color : #444;
font-size : 11px;
font-weight : bold;
line-height : 1.4em;
padding : 6px 10px;
width : auto;
border-radius : 3px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.1);
}
.post-tags a:hover {
text-decoration : none;
border-color : #aaa;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2);
}
.a-left, .a-right {
 display: inline-block;
}
.navigation .a-left a, .navigation .a-right a {
background: #eee;
padding: 5px 10px;
border: #e5e5e5 1px solid;
display:block;
}
.publicidad { display: block; clear: both; padding: 10px 0; overflow: hidden; }

.sidebar {
float : left;
width : 300px;
margin : 0 0 0 10px;
padding : 0;
text-shadow : 0 0 1px #eee;
}
.sidebar-titulo {
 background: #555;
 color: #fff;
 text-align: center;
 line-height: 40px;
 font-size: 16px;
 border-radius: 4px;
}
.widget {
margin : 0 0 20px 0;
}
.widget-title {
text-transform : uppercase;
}
.screen-reader-text {
display : none;
}
.widget input#s {
float : left;
margin-top : 1px;
height : 33px;
margin-right : 6px;
max-width : 72%;
}
#wp-calendar {
width : 250px;
}
#wp-calendar tr {
text-align : center;
}
tr #prev {
text-align : left;
}
tr #next {
text-align : right;
}
.tagcloud a {
font-size: 13px !important;
padding: 0px 10px;
border-radius: 5px;
margin: 5px 5px 5px 0;
display: inline-block;
background: #eee;
border: 1px solid #ddd;
}
.tagcloud a:hover {
    text-decoration: none;
    background: #e5e5e5;
}
.footer { clear: both; margin: 20px 0 0 0; background: #1D78BF; }
.footer-body { max-width: 1200px; margin: 0 auto; padding: 15px 0; color: #fff; }
.espacio { background: #fff; padding: 20px 0; border-top: 1px solid #ddd; }

.clear { clear: both; }

.alignleft, img.alignleft {
display : inline;
float : left;
margin-right : 1.5em;
margin-bottom : 1.5em;
}
.alignright, img.alignright {
display : inline;
float : right;
margin-left : 1.5em;
margin-bottom : 1.5em;
}
.aligncenter, img.aligncenter {
clear : both;
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption {
text-align : center;
margin-bottom : 1.5em;
max-width : 570px;
background : #eee;
padding : 5px 5px 0;
}
.wp-caption img {
max-width : 570px;
border : none 0;
margin : 0;
padding : 0;
}
.wp-caption p.wp-caption-text {
margin : 0;
background : #eee;
padding : 0;
font-size : 13px;
}
.wp-smiley {
max-height : 1em;
margin : 0 !important ;
}
.tiled-gallery {
margin-bottom: 20px !important;
}
.gallery dl {
margin : 0;
}
.gallery-caption {
margin : 0;
font-size : 13px;
line-height : 1.8em;
}
input[type="search"], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea {
font-family: inherit;
border: #ccc solid 1px;
background: #fff;
color: #505050;
display: block;
font-size: 13px;
font-weight: normal;
margin: 0 0 5px;
padding: 7px 10px;
box-sizing: border-box;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
max-width: 300px;
width: 100%;
}
textarea {
width: 100%;
max-width: 100%;
padding: 15px;
border-radius: 4px 4px 0 0;
height: 80px;
margin-bottom: 0px;
box-shadow: 0 0 4px #eee inset;
border: 1px solid #ccc;
font-size: 15px;
}
button, input[type="button"], input[type="submit"], input[type="submit"] {
font-family : 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size : 12px;
cursor : pointer;
display : inline-block;
background : #F5F5F5;
border : #bbb solid 1px;
color : #444;
font-weight : bold;
line-height : 1.4em;
padding : 8px 10px;
width : auto;
border-radius : 3px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.1);
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, #commentsbox input[type="submit"]:hover {
text-decoration : none;
border-color : #aaa;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2);
}
button:active, input[type="button"]:active, input[type="submit"]:active, #commentsbox input[type="submit"]:active {
background : #fff;
}
.comentarios {
padding: 10px 20px;
}
.comentarios h3 {
padding: 4px 0px;
border-bottom: 3px solid #49ad8d;
display: inline-block;
}
#respond {
padding : 0px;
}
.comentario-datos {
width: 300px;
display: inline-block;
}
.comentario-campo {
margin-bottom: 10px;
}
.comentario-opciones {
height: 30px;
background: #f9f9f9;
border: 1px solid #ccc;
border-top: 0px;
border-radius: 0 0 4px 4px;
margin-bottom: 10px;
font-size: 13px;
}
.comment-form-attachment__fields {
float: right;
}
.publicar-comentario {
float: right;
}
.comment-notes {
margin-top: 10px;
}
.email-notes {
margin-top: 10px;
font-size: 12px;
line-height: 17px;
color: #797979;
}
#commentform label {
font-size : 12px;
}
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
margin-bottom: 10px;
}
.comment-navigation {
font-size : 12px;
}
.nav-next {
text-align : right;
}
.form-allowed-tags {
display : none;
}
span.required {
color : #F00;
}
.commentlist .reply {
display: inline-block;
text-align: left;
margin-left: 60px;
}
.comment-reply-link {
color: #757575;
font-size: 13px;
}
.cld-like-dislike-wrap {
display: inline-block;
margin-bottom: 0px;
margin-left: 60px;
}
.cld-common-wrap > a.cld-like-dislike-trigger {
color: #bbb;
}
a.cld-like-dislike-trigger:hover {
color: #00806F;
}
.comment-author {
display: inline;
}
.commentlist .vcard cite.fn {
display : inline-block;
font-weight : bold;
font-style : normal;
line-height : 1em;
text-transform : capitalize;
color: #00856A;
margin-right: 10px;
}
.commentlist .vcard span.says {
display : none;
}
.commentlist .vcard img.avatar {
float : left;
margin : 0 10px 0 0;
border-radius: 10px;
}
.commentlist .comment-meta {
display: inline-block;
}
.commentlist .commentmetadata a {
font-size : 12px;
color : #757575;
}
.comment-awaiting-moderation {
color : #f00;
font-size : 12px;
}
.commentlist .bypostauthor {
padding : 10px;
background : #f6f6f6;
}
ol.commentlist {
margin: 0 !important;
list-style: none !important;
padding: 0;
}
.commentlist li {
margin : 0 0 20px 0;
list-style : none;
}
.commentlist li p {
margin : 0 0 0px 60px;
}
.commentlist li ul {
margin : 20px 0 0 40px;
}
.comment-body li {
list-style: disc !important;
}
.nocomments {
padding : 0 30px 20px 30px;
}
.pingback cite {
line-height : 1.5em !important ;
}
.error-title {
text-transform : uppercase;
font-weight : bold;
text-align : center;
font-size : 60px;
margin : 100px 0 60px 0;
}
.error-desc {
font-size : 20px;
margin : 0 auto 50px auto;
line-height : 35px;
}
.error-desc input#s {
float : left;
margin-left : 85px;
margin-right : 5px;
height : 33px;
margin-top : 10px;
}
.error-desc #searchsubmit {
margin-top : 9px;
}
.error-desc ol {
list-style : decimal;
margin : 10px 0;
}
.error-desc ol li {
margin : 0 0 5px 70px;
}
.post table {
width : auto;
border : #ddd solid 1px;
margin-bottom : 15px;
border-collapse : collapse;
margin : 10px 0;
}
.post th, .post td {
width : auto;
border : #ddd solid 1px;
padding : 10px 20px;
}
.post th {
font-weight : bold;
}
caption {
font-weight : bold;
}

#disqus_thread { padding: 0 25px; }

.titulo-grande { font-size: 26px; clear: both; padding: 15px 0; text-align: center; margin: 10px 0; background: #34b5e8;  border-bottom: 3px solid #2c95bf; color: #fff; }

.post-index { width: 24%; margin: 1% 0.5%; float: left; border: 0px; }
.post-index .post-individual { border: 1px solid #bbb; padding: 10px; border-radius: 0 20px; }
.miniatura { width: 100%; padding-bottom: 70%; background: #eee; position: relative; }
.miniatura img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.post-index h2.post-title { font-size: 18px; color: #333; line-height: 26px; padding: 4px 0; text-align: center; height: 69px; }
.post-info-index { border-top: 0px solid #ddd; padding: 5px; margin-top: 0px; font-size: 13px; }
.post-info-index a { color: #fff; background: #31a1d8; font-size: 13px; display: block; width: 100%; text-align: center; line-height: 22px; border-radius: 6px; }
.comentarios-index { background: #eee; color: #000; border-radius: 6px; margin: 2px 0 0 0; display: block; text-align: center; line-height: 22px; }

.post-direccion { display: block; background: #F7F7F7; padding: 5px 10px; border-bottom: 1px solid #ddd; }

.post-relacionados { width: 23%; margin: 1%; float: left; }
.post-relacionados img { width: 100%; border: 1px solid #ccc; }
.post-relacionados a b { line-height: 20px; font-size: 14px; color: #555; text-align: center; display: block; }

.sidebar-otros-tutoriales { padding: 5px; margin: 8px 0px; background: #fbfbfb; text-align: center; border: 1px solid #ccc; }
.sidebar-otros-tutoriales a b { color: #333; font-size: 14px; line-height: 22px; display: block; }
.sidebar-otros-tutoriales a img { width: 100%; padding-bottom: 0px; margin-bottom: 3px; }

.paginator { margin: 7px 0px; clear: both; border: 1px solid #ccc; background: #f3f3f3; padding: 10px; text-align: center; line-height: 10px; }
.paginator span, .paginator a { display: inline-block; margin: 1px 2px 1px 2px; padding: 0px 0px; text-decoration: none;  background: #ececec; border: 1px solid #c5c5c5; font-size: 18px; color: #333; font-weight: bold; width: 50px; line-height: 50px;  height: 50px; overflow: hidden; }
.paginator a:hover { color: #000; background: #e2e2e2; border: 1px solid #bbb; }
.paginator .current { background: #45a5d4; border: 1px solid #3598ad; color: #fff; }
.paginator .texto { width: auto; padding: 0px 7px; font-size: 14px; }

.imagenes { width: 100%; margin: 0 auto; margin-top: 11px; margin-bottom: 11px; display: block; }
.sub-titulo { display: block; font: 18px Arial; text-align: center; }
.info { width: 80%; padding: 4px 10px 4px 50px; margin: 11px 0; display: block; background: #fbfbfb url(../../../proyectos/jimena/pj_franciscga/HP/info.png) no-repeat; background-size: 40px; background-position: 5px; border: 1px solid #e9e9e9; border-radius: 7px; }

.pasos { width: 45%; padding: 1.5%; border: 1px solid #ccc; float: left; margin: 5px 0.6% 5px 0.6%; background: #f8f8f8; }
.pasos img { max-width: 82% !important; margin: 0 auto; padding: 0 6%; background: #fff; }
.pasos { font-size: 15px; }
.grande { width: 60%; clear: both; float: center; }


@media screen and (max-width : 1220px) {
.sidebar { width: 24.5%; max-width: 300px; margin: 0 0 0 0.5%; }
.single .post { max-width: calc(75% - 2px); margin: 0 0; }
}

@media screen and (max-width : 1050px) {
.sidebar { display: none; }
.single .post { max-width: 98%; margin: 0 1%; }
.post-index h2.post-title { font-size: 17px; }
}

@media screen and (max-width : 880px) {
.header-fondo { background: none; }
.header-contenido { padding: 15px 0 0 0; }
.single .post { max-width: 100%; margin: 0 0; border-width: 1px 0px 1px 0px; }
.post-index { width: 31.3%; margin: 1%; }
.post-index h2.post-title { font-size: 15px; }
#nav { width: 100%; }
#header { margin-bottom: 20px; }
}

@media screen and (max-width : 700px) {
.post-index { width: 48%; margin: 1%; }
.post-index h2.post-title { font-size: 14px; }
.post-title { font-size: 28px; line-height: 38px; }
.post-individual { padding: 20px 10px; }
.comentarios { padding: 10px 15px; }
}

@media screen and (max-width : 600px) {
.post-relacionados { width: 48%; }
#disqus_thread { padding: 0 10px; }
}

@media screen and (max-width : 450px) {
.post-title { font-size: 25px; line-height: 35px; }
.post-index { width: 98%; margin: 1%;}
}

@media screen and (max-width : 330px) {
.post-individual { padding: 10px 7px; }
.post-relacionados { width: 98%; }
#disqus_thread { padding: 0 2px; }
}