.divMejores h2 { color: #000 !important; margin-top: 40px !important; } .divMejores .art-button { padding: 20px; font-weight: bold !important; font-size: 16px !important; white-space: initial !important; height: auto; } .divMejores .art-button:hover { padding: 20px; } .divMejores .divHref { width: 100%; text-align: center; margin: 40px 0 20px; } .divMejores table, .divMejores ul.art-hmenu { font-size: inherit !important; } .accordion { overflow:hidden; border-radius:4px; background: #f7f7f7; } .accordion-section-title { width:100%; padding:15px; color: #fff; } .accordion-section-title { width: 100%; padding: 15px; display: inline-block; background-color: #ed4242; border-bottom: 1px solid #1a1a1a; font-size: 1.2em; color: #fff !important; transition: all linear 0.5s; text-decoration:none; } .accordion-section-title.active { background-color:#ed4242; text-decoration:none; } .accordion-section-title:hover { background-color:#ed424250; text-decoration:none; } .accordion-section:last-child .accordion-section-title { border-bottom:none; } .accordion-section-content { padding:15px; display:none; } .accordion-section-title em { float: right; margin-right: 40px !important; font-size: 20px; border: 1px solid #fff; border-radius: 6px; padding: 4px; margin-top: -3px; } .imgMejores { width: 100%; } .art-blockheader { position: absolute; margin-top: 255px; width: 100%; text-align: center; } .art-blockheader h3 span a { color: #fff !important; text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000; } .art-sheet { width: 100% !important; max-width: 100% !important; } .divMejoresBlock { max-width: 1024px !important; margin: 0 auto; } .blqAutor { margin-top: 20px !important; } .blqFecha { position: absolute; top: -200px !important; margin: 0 auto; max-width: 1024px !important; right: 0; width: 1024px; } .blqFecha, .blqAutor, .blqVisitas, .blqTags { margin: 0 auto; max-width: 1024px !important; right: 0; } .jssocials, .divComentarios { max-width: 1024px; margin: 0 auto; } .art-block, .art-blockcontent { margin: 0px !important; padding: 0px !important; } @media only screen and (max-width: 1440px) { .art-blockheader { margin-top: 210px; } .art-blockheader h3 span a { font-size: 32px !important; } } @media only screen and (max-width: 1024px) { .art-blockheader { margin-top: 140px; } .art-blockheader h3 span a { font-size: 22px !important; } } @media only screen and (max-width: 640px) { .art-blockheader { margin-top: 110px; } .art-blockheader h3 span a { font-size: 18px !important; } } .art-block li { color: #404040; } $(document).ready(function(){ $('.accordion-section-title').click(function(e){ var currentAttrvalue = $(this).attr('href'); if($('.accordion-section-title').is('.active')){ $('.accordion-section-title').removeClass('active'); $('.accordion-section-content:visible').slideUp(300); } else { $('.accordion-section-title').removeClass('active').filter(this).addClass('active'); $('.accordion-section-content').slideUp(300).filter(currentAttrvalue).slideDown(300); } }); });