/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GillSans';
    src: url('../fonts/GillSansC.eot');
    src: url('../fonts/GillSansC.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GillSansC.woff') format('woff'),
         url('../fonts/GillSansC.ttf') format('truetype'),
         url('../fonts/GillSansC.svg#GillSans') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,
button,
input,
select,
textarea {
    color: #000;
    font-weight: 400;
    font-family: 'GillSans', sans-serif;
}

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'GillSans', sans-serif;
    font-weight: 400;
    color: #cccccc;
}
a{text-decoration: none;}
h1, h2, h3,h4{
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    border: 0px;
}
h1{line-height: 1em;}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
a:hover{color:#7f7f7f;}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   this is custo style by Edwin Condori Ramos
   ========================================================================== */
   /************** general styles */
#page{width:1170px;margin: 10px auto;
    background:url("../images/border.png");    
    padding: 2px;
}
.col-3{float:left;width: 32.8%;}
.col-2{float:left;width: 66.6%;}
.left-top{ position: absolute; top: -2px; left: -2px;z-index: 100;}
.right-top{ position: absolute; top: -2px; right: -2px;z-index: 1;}
.left-bottom{ position: absolute; bottom: -2px; left: -2px;z-index: 1;}
.right-bottom{ position: absolute;bottom: -2px; right: -2px;z-index: 1;}
.bebasfont{font-family: 'BebasNeueRegular', sans-serif;}
.more{padding: 0 0 0 10px;background:url(../images/arrow-right.png) no-repeat left center;}
.button{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;padding: 10px 15px!important;font-size: 20px;}
.button-small-text{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 9px 15px 7px!important;
font-size: 15px;
line-height: 14px;
float: right!important;}
.author-playlist{font-family: 'GillSans', sans-serif;font-size: 15px;text-transform: none;}
.content-button{float: right!important;width: auto!important;}
.blue{background:#33ccff;color:#fff;}
.grey{background:#999999;color:#fff;}
.greytext{color: #999999;}
.whitetext{color: #fff;}
.grey-black{background:#333333;color: #fff;}
.blue:hover{background:#2cb0dc;color: #fff;}
.grey:hover{background:#848484;color: #fff;}
.grey-black:hover{background:#999999;color: #fff;}
.space{margin: 5px 0 25px 0;}
.facebook-grey{background: url(../images/social-icons.png) no-repeat 0 2px;width: 21px;height: 29px;display: block;}
.soundcloud-grey{background: url(../images/soundcloud_logo_black.jpg) no-repeat;width: 57px;height: 29px;display: block;}
.twitter-grey{background: url(../images/social-icons.png) no-repeat 0 -42px;width: 20px;height: 29px;display: block;}
.youtube-grey{background: url(../images/social-icons.png) no-repeat 0 -88px;width: 19px;height: 29px;display: block;}
.rss-grey{background: url(../images/social-icons.png) no-repeat 0 -137px;width: 19px;height: 28px;display: block;}
.pinteresc-grey{background: url(../images/social-icons.png) no-repeat 0 -187px;width: 18px;height: 29px;display: block;}
.g-play-grey{background: url(../images/social-icons.png) no-repeat 0 -238px;width: 103px;height: 29px;display: block;}
.itunes-grey{background: url(../images/social-icons.png) no-repeat 0 -276px;width: 46px;height: 29px;display: block;}
.myspace-grey{background: url(../images/social-icons.png) no-repeat 0 -313px;width: 50px;height: 29px;display: block;}
.facebook-white{background: url(../images/social-icons.png) no-repeat -168px 0;width: 21px;height: 29px;display: block;}
.twitter-white{background: url(../images/social-icons.png) no-repeat -168px -44px;width: 20px;height: 29px;display: block;}
.love-white .heart-icon{background: url(../images/social-icons.png) no-repeat -168px -392px;width: 20px;height: 29px;display: block;}
.comment-white{background: url(../images/social-icons.png) no-repeat -168px -350px;width: 20px;height: 29px;display: block;}
.facebook-black{background: url(../images/social-icons.png) no-repeat -316px 0;width: 21px;height: 29px;display: block;}
.twitter-black{background: url(../images/social-icons.png) no-repeat -316px -44px;width: 20px;height: 29px;display: block;}
.love-black .heart-icon{background: url(../images/social-icons.png) no-repeat -316px -392px;width: 20px;height: 29px;display: block;}
.comment-black{background: url(../images/social-icons.png) no-repeat -316px -350px;width: 20px;height: 29px;display: block;}
    /******** header styles*/
header#branding{
    position: relative;
    background:#000;
   }
hgroup{
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 155px;
}
#featured-header{
    width: 1170px;
    height: 700px;
    overflow: hidden;
}
#login-on-fb-head{
position: absolute;
right: 80px;
top: 84px;    
}
.fbsocialloginbuttons {
    position: absolute;
    top: 10px;
    right: -40px;
    width: 200px;
    text-align: right;
    text-transform: uppercase;
    font-size: 10px;
}
.fbTabs{display: none;}
.fbcreditos{display: none;}
#logo-head{display: block;padding: 0 0 0 10px;float: left;}
#social-nav{width: 86px;right: 160px;top: 37px;position: absolute;}
#social-nav ul{padding: 0;}
#social-nav li{display: inline;} 
#social-nav li a{padding: 0 5px;}

.only-search{width: 120px;right: 41px;top: 51px;position: absolute;}
.only-search #s{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 0;padding: 5px 3px 2px 3px;width: 115px;}
.caption-featured a{text-align: right;

    background: #000 url(../images/featured-image-play.png) no-repeat 96% center;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
padding: 20px 110px 20px 0;
line-height: 22px;
position: absolute;
width: 1060px;
bottom: 0;
left: 0;}
.caption-album{padding: 0 0 25px 0;}

    /******** footer styles*/
footer#colophon{
     position: relative;
     height: 120px;
     background:#000;
}   
#site-generator ul{list-style: none;text-align: center;margin: 0;padding: 43px 0 0 0;}
#site-generator li{display: inline-block;padding: 0 5px;}
#site-generator li a{padding: 0 5px 10px;}
.made-prod{top: 39%;right: 38px;position: absolute;} 

    /******** content home sytle */
#main{
  overflow: hidden;
  background:#000;
  width: 100%;
}
#top-featured{font-size: 1.3em;}
#top-featured ul{padding: 0;margin: 0;}
#top-featured li{display: block;float: left;width: 292px;}
#top-featured a.text-link-featured{padding: 13px 10px;display: block;background:url(../images/arrow-bot.png) no-repeat  10px 0;text-transform: uppercase;line-height: 20px;}
#news-slider{background:url(../images/bg-slider.jpg);clear: both;position: relative;}
#news-slider .bx-wrapper{padding: 0 85px;}
#news-slider .item{width: 480px;padding: 40px 10px 40px 10px}
#news-slider .item h1{margin: 0 0 0 0;}
.bx-prev{position: absolute;left:30px; top: 50%;background:url(../images/nav-left.png) no-repeat;height: 45px;width: 25px;}
.bx-next{position: absolute;right:30px; top: 50%;background:url(../images/nav-right.png) no-repeat;height: 45px;width: 25px;}
#playlist-social{padding: 30px;overflow: hidden;background:url(../images/bg_playlist.jpg) no-repeat top left;}

#playlist-social h2{color: #9a9a9a;}
.spotify-content .btb-share a{float: left;margin-right: 10px;}
.spotify-content .caption-spotify{padding: 10px 0;display: block;}
.col-content{position: relative;}
.icon-play{position: absolute;top: 27%;left: 27%;}
#album-featured{background:url(../images/bg-slider.jpg);clear: both;padding: 25px 30px;overflow: hidden;    }
#album-featured img{padding: 0 30px 0 0;float: left;width: 272px;
height: auto;}
.form-logo{background: url(../images/royorbisonlogo-form.png) no-repeat;padding: 103px 0 0 0;
text-indent: 102px;}
.content-form-playlist{width: 330px;height: 350px;margin: 0 auto;}
.content-form-playlist form{padding: 0 0 0 15px;}
.content-form-playlist input{height: 25px;width: 95%;}
.error{color: red!important;}
#msg{color: green;}
/**** category news style**/
.entry-content img{max-width: 595px;height:auto;}

.entry-summary img{float: left;padding: 0 30px 0 0;}
#nav-category-list{background:url(../images/bg-navtop.gif);-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;margin: 10px 10px 10px 10px;font-size: 20px;}
#nav-category-list ul{background:url(../images/nav-category-image.png) no-repeat 40px bottom;margin:0;
padding: 12px 0 13px 180px;}
#nav-category-list ul ul{background:none;
padding: 0;}
#nav-category-list span{font-size: 14px;}
#nav-category-list li{display: inline-block;}
#nav-category-list li a{color: #333333;padding: 0 17px;display: block;}
#nav-category-list li a:hover{color: #fff;}

.current{color: #fff!important;} 
article.post{float: left;width: 98%;margin: 0 auto;padding: 2% 1% 0;}
article.post h1{margin: 0;}
.social-section{overflow: hidden!important;}
.social-section ul{margin: 0!important;padding:0!important;list-style: none!important;float: left;}
.social-section li{float: left!important;width: 85px!important;height: auto!important;padding: 0!important;}
.count{float: left;padding: 5px 0 0 5px;}
.social-section a{padding: 0 5px;float: left;}
.entry-summary p{margin: 5px 100px 5px 0;}
#nav-below{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #292929;width: 98%;text-align: center;margin: 2% 1%;clear: both;float: left;padding: 15px 0;}
#infscr-loading{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #292929;width: 98%;text-align: center;margin: 2% 1%;clear: both;float: left;padding: 15px 0;}
.nav-previous-top{position: absolute; top: 0px;left: 0px;display: block;}
.nav-previous-top .meta-nav{background: url(../images/nav-single-grey.png) 0px 0px; width: 22px;height: 45px;display: block;}
.nav-previous-top a{display: block;
width: 50px;
height: 100px;
padding: 20px 0 0 20px;}
.nav-next-top{position: absolute; top: 0px;right: 0px;display: block;}
.nav-next-top .meta-nav{background: url(../images/nav-single-grey.png) 0px 45px;width: 22px;height: 45px;display: block;}
.nav-next-top a{display: block;
width: 50px;
height: 100px;
padding: 20px 0 20px 0px;}
#nav-single-bottom{overflow: hidden;margin: 20px 0;position: relative;}
#nav-single-bottom a{font-size: 15px;padding: 0;}
.nav-previous-bottom{position: absolute;top: 43px;left: 40px;}
.nav-previous-bottom .meta-nav{background: url(../images/nav-single-grey.png) 0px 0px;display: block;width: 22px;height: 45px;float: left;}
.nav-next-bottom{position: absolute;top: 43px;right: 40px;}
.nav-next-bottom .meta-nav{background: url(../images/nav-single-grey.png) 0px 45px;display: block;width: 22px;height: 45px; float: right;}
.footer-single{width: 595px; margin: 0 auto;}
.nav-text{width: 595px; margin: 0 auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;overflow: hidden;padding: 50px 0;}
#nav-single-bottom .nav-previous{width: 50%;
float: left;
text-align: left;}
#nav-single-bottom .nav-next{float: right;
width: 50%;
text-align: right;}
.single #primary{width: 66%;background: #fff;float: left;color: #000;position: relative;}
.single #primary a{color: #c1c1c1;}
.single  #secondary{width: 26%;float: left;margin: 0 0 0 20px;}
.single h1{color: #333333;text-transform: uppercase;}
.single article.post{width: 595px;float: none;clear: both;}
.single .social-section{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 7px 0 6px 0;width: 100%;}

.entry-header{overflow: hidden;}
.entry-header .title{color: #333;}
.relatedarticle{padding: 10px 0 15px 0;}
.relatedarticle h2{margin: 10px 0;line-height: 25px;}
.relatedarticle p{margin: 5px 0;line-height: 19px;}
/** music category style*/
.featured-reated{float: right!important;width: 410px!important;height: 755px!important;}
.featured-reated .featured-text{}
.featured-reated .fetured-image{width: 410px;height: 410px;overflow: hidden;}
.featured-reated .fetured-image img{width: 410px;height: 410px;}
.featured-reated h1{line-height: 30px;}
#music-content{overflow: hidden;list-style: none;margin: 0;padding: 10px;}
#music-content .entry-summary{float: left;}
#music-content .entry-summary img{padding: 0 0 10px 0!important;}
#music-content li{width: 180px;height: 245px;float: left;padding: 0 25px 10px;}
#music-content h3{font-size: 14px;}
#lirycs-list ul{margin: 10px 0;padding: 0;list-style: none;background: url(../images/play-list.png) repeat-y;}
#lirycs-list li{display: block;}
#lirycs-list li a{display: block;padding: 5px 0 0 41px;height: 28px;background: url(../images/small-play-icon.png) no-repeat 8px 3px;}
.song-play{background: url(../images/bg-song.png) no-repeat;margin-bottom: 30px;}
.song-play a{display: block;font-size: 16px;
padding: 0;line-height: 20px;}
.song-play span.title-songplay{font-size: 16px;padding: 5px 0 0 10px;}
#related-album-list{margin: 0 0 30px 0;}
#related-album-list ul{margin: 0;padding: 0;list-style: none;}
#related-album-list li{padding: 5px 0;width: 100%;overflow: hidden;}
.category-music .more-article li{width: 180px;height: 245px;float: left;padding: 0 25px 10px;list-style: none;}
.category-music .more-article h3{font-size: 14px;}
  .img-album-related{float: left;padding:0 10px 0 0;}
  .title-album-related{}
/*history style category*/
#history-content{width: 100%;float: left;}
.more-article{width: 100%;float: left;}

.date-history{float: left;width: 105px;}
.date-history .month{text-align: center;}
.date-history .day{font-size: 100px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;line-height: 87px;padding: 8px 0 0 0;}
.date-history .year{text-align: center;}
#history-content .date-history .month{text-align: center;}
#history-content .date-history .day{font-size: 100px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;line-height: 87px;padding: 8px 0 0 0;}
#history-content .date-history .year{text-align: center;}

.widget .date-history{float: left;width: 80px;}
.widget .date-history .month{text-align: center;}
.widget .date-history .day{font-size: 32px;border-top: 0px solid #ccc;border-bottom: 0px solid #ccc;text-align: center;line-height: 32px;padding: 4px 0 0 0;}
.widget .date-history .year{text-align: center;}
.map-history{width: 100%;height: auto;}
#history-content .entry-summary{float: left;width: 650px;
margin: 25px 0 0 50px;}
#history-content .social-section{float: right;margin: 40px 0 0 0 ;}
#history-content .social-section li {
width: 76px!important;
}
#history-content article.post{
    border-bottom: 1px solid #ccc;
    padding: 30px;
    width: auto; 
}
.category-gigography .more-article .entry-summary {
    float: left;
    margin: 25px 0 0 50px;
    width: 650px;
}
.category-gigography  .more-article .social-section {
float: right;
margin: 40px 0 0 0;
}

.category-gigography  .more-article article{    border-bottom: 1px solid #333;
    padding: 30px;
    width: auto; }
#related-socials{width: 100%;
float: left;
color: #a5a5a5;
}
#related-socials .title{display: block;text-align: center;padding: 30px;}
.content-title{float: left;
margin: 30px 0 0 30px;width: 77%;}
/** community style*/
.favorites-content{padding: 0 15px;overflow: hidden;}
.favorites-content h2{margin: 15px 2%;}
.favorites-content .widget{width: 21%;float: left;margin: 0 2%;text-transform: uppercase;}
.favorites-content ul{margin: 0; padding: 0;list-style: none;}
.favorites-content li{border-bottom: 1px solid #2F2F2F;padding: 12px 0;background:url(../images/arrow-style.png) no-repeat center right;overflow: hidden;}
.img-head-community{width: 100%;height: auto;}
.favorites-content li a{display: block;padding: 0 30px 0 0;font-size: 1.2em;line-height: 1em;}
.btbview-all{display: none;}
.widget_display_forums .btbview-all{display: block;}
#friends-orbison{background:url(../images/bg-slider.jpg);padding: 0 35px;overflow: hidden;}
#play-list-community{overflow: hidden;padding: 0 35px;border-bottom: 1px solid #2f2f2f;}
#play-list-community .widget{overflow: hidden;background:url(../images/community_playlist.png) no-repeat right top;}
#play-list-community .spotify-bottom-caption{float: left;height: 348px;width: 735px;position: relative;margin-left: 15px;}
#play-list-community .btb-share{position: absolute;right: 100px;top: 72%;}
#play-list-community .btb-share a{margin: 0 10px 0 0;}
.content-iframe{height: 348px;float: left;overflow: hidden;}
.format-video{position: relative;}
.format- .small-icon-play{display: none;}
.format-video .small-icon-play{position: absolute;left: 8px;top: 8px;}

.bbp-pagination-count{font-size: 13px;}
.bbp-forums {line-height: 1em;}
.bbp-forums thead{background: #ccc;}
.bbp-forums tfoot{background: #ccc;}
.bbp-forums th{padding: 5px 10px;}
.bbp-forum-info{width: 50%;}
.bbp-forum-topic-count{width: 10%;}
.bbp-forum-reply-count{width: 10%;}
.bbp-forum-freshness{width: 30%;}
.bbp-forums tbody td{padding: 5px 10px;}
.bbp-forums tbody tr{border-bottom: 1px solid #CCC;}
.bbp-breadcrumb{border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;padding: 7px 0 6px 0;width: 100%;}
.bbp-forum-description a{color: #C1C1C1!important;}
.bbp-topics{width: 100%;}
.bbp-topics thead{background: #ccc;}
.bbp-topics tfoot{background: #ccc;}
.bbp-topic-title{width: 50%;}
.bbp-topic-voice-count{width: 10%;}
.bbp-topic-reply-count {width: 10%;}
.bbp-topic-freshness{width: 30%;}
.bbp-topics tbody tr{border-bottom: 1px solid #CCC;}
.bbp-topic-description a{color: #C1C1C1!important;}
.bbp-replies {width: 100%;}
.bbp-replies thead{background: #ccc;}
.bbp-replies tfoot{background: #ccc;}
.bbp-reply-author{width: 15%;text-align: center;}
.bbp-reply-content{width: 85%;}
.bbp-reply-header{color: #C1C1C1;}
.bbp-replies tbody tr{border-bottom: 1px solid #CCC;}
/*feed social*/
#associalfeeds-content{overflow: hidden;list-style: none;margin: 0;padding: 10px;color: #333;width: 98%;}
#associalfeeds-content .entry-summary{float: left;}
#associalfeeds-content li{width: 350px;height: 350px;float: left;margin: 15px 15px 15px;position: relative;}
#associalfeeds-content a{color: #333;}
#associalfeeds-content .twitter{
    background: #b9b9b9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZTZlNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b9b9b9 0%, #6e6e6e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(100%,#6e6e6e));
    background: -webkit-linear-gradient(top,  #b9b9b9 0%,#6e6e6e 100%);
    background: -o-linear-gradient(top,  #b9b9b9 0%,#6e6e6e 100%);
    background: -ms-linear-gradient(top,  #b9b9b9 0%,#6e6e6e 100%);
    background: linear-gradient(to bottom,  #b9b9b9 0%,#6e6e6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#6e6e6e',GradientType=0 );
    font-size: 25px;
    position: relative;
}
#associalfeeds-content .twitter .entry-summary {padding: 15px;}
.timeline-history li{overflow: hidden;}
.timeline-history a{display: block;height: 350px;vertical-align: middle;display: table-cell;}
.timeline-history img{max-width: 350px;max-height: 350px;}
.timeline-history .image{background: #0c0c0c;}
.timeline-history h2{margin: 10px 0;line-height: 45px;}
.timeline-history .noimage{
    background: #b9b9b9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZTZlNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b9b9b9 0%, #6e6e6e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(100%,#6e6e6e));
    background: -webkit-linear-gradient(top,  #b9b9b9 0%,#6e6e6e 100%);
    background: -o-linear-gradient(top,  #b9b9b9 0%,#6e6e6e 100%);
    background: -ms-linear-gradient(top,  #b9b9b9 0%,#6e6e6e 100%);
    background: linear-gradient(to bottom,  #b9b9b9 0%,#6e6e6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#6e6e6e',GradientType=0 );
    font-size: 25px;
    position: relative;
    text-align: center;    
}
.content-tweet{line-height: 27px;text-align: center;height: 270px;display: table-cell; 
  vertical-align: middle; 
  text-align: center; }
.content-author-twitter {text-transform: uppercase;font-size: 19px;position: absolute;bottom: 5px;left: 15px;width: 91%;}
.content-author-twitter img{padding: 0 10px 0 0;}
.content-author-twitter .author-twitter{}

.icon-play{position: absolute;top: 110px;left: 110px;}
/* social style*/
/* The container for the module */
 
#facebook{width: 334px; height:236px;background: #343434;float: right;padding: 10px;margin-bottom: 10px;}
#facebook h2{margin: 5px;overflow: hidden;}
#facebook span{float: left;}
#facebook a{padding: 0 2px;float: right;}
#twitter{width: 334px; height:236px;background: #343434;float: right;padding: 10px;}
#twitter h2{margin: 5px;overflow: hidden;}
#twitter span.title-tw{float: left;}
#twitter a.icon-tw{padding: 0 5px;float: right;}
.tw-content{overflow: auto;height: 190px;}
/* =Menu
-------------------------------------------------------------- */
#menu-main-menu{padding: 20px 0 0 25px;margin: 0;}
nav#access{width: 700px;position: absolute;top:32px;left: 305px;font-family: 'BebasNeueRegular', sans-serif;}
nav li{display: block;float: left;position: relative;}
nav a{padding: 0 7px;display: block;color: #9a9a9a;text-decoration: none;font-size: 27px;}
nav a:hover{color: #fff;}

#access ul ul {
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 37px;
    left: 15px;
    width: 188px;
    z-index: 99999;
    padding: 0;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    background: #f9f9f9;
    border-bottom: 1px dotted #ddd;
    color: #444;
    font-size: 20px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 168px;
}
#access ul ul :hover > a{
    background: #efefef;
}
#access ul ul li:hover > a,
#access ul ul a:focus {
    background: #f9f9f9; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
    background: -o-linear-gradient(#f9f9f9, #e5e5e5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
    color: #373737;
}
#access ul li:hover > ul {
    display: block;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current-category-ancestor > a,
#access .current_page_ancestor > a {
   color: #fff;
}
#access .current-category-ancestor .current-category-ancestor > a{
    color: #000!important;
}
.current-cat > a{color: #fff!important;}
#access .current-menu-ancestor .current-menu-item a{color: #000!important;}
.current-post-ancestor > a{color: #fff;}
.current-post-ancestor .current-post-ancestor a{color: #000;}
.search-page article{border-bottom: 1px solid #333;clear: both;padding: 10px 30px;}
.search-page .page-header h1{padding: 0px 30px;}
/* page style for forum pages**/
 #container{width: 66%;
background: white;
float: left;
color: black;
}
.page #content{padding: 0 40px;}
.bbPress #content{padding: 0 40px;}
#container a{color: #000;}
#container h1{color: #333;}
.bbPress #secondary{width: 27%;
float: left;
margin-left: 40px;}
.page #secondary{width: 27%;
float: left;
margin-left: 40px;}
.bbPress #secondary ul{margin: 0; padding: 0;list-style: none;}
.bbPress #secondary li{border-bottom: 1px solid #2F2F2F;padding: 20px 0;background:url(../images/arrow-style.png) no-repeat center right;}
.bbPress #secondary li a{display: block;padding: 0 30px 0 0;font-size: 20px;}

.page #secondary ul{margin: 0; padding: 0;list-style: none;}
.page #secondary li{border-bottom: 1px solid #2F2F2F;padding: 20px 0;background:url(../images/arrow-style.png) no-repeat center right;}
.page #secondary li a{display: block;padding: 0 30px 0 0;font-size: 20px;}
/* social share style*/
  .sharrre{ float:left;font-family: arial; }
  .sharrre .box a:hover{ text-decoration:none; }
  .sharrre  .count{float: right;padding: 5px 0 0 5px;}
  .sharrre .count:before, .sharrre .count:after {  content:''; display:block; }
  .sharrre .count:before { }
  .sharrre .count:after { }
  .sharrre .share {  color:#FFFFFF; display:block;font-size: 10px;}
.facebook-black  .facebook-sc .share {background: url(../images/social-icons.png) no-repeat -316px 0;width: 30px;height: 16px;display: block;padding: 25px 0 0 0;}
.twitter-black  .twitter-sc .share{background: url(../images/social-icons.png) no-repeat -316px -44px;width: 30px;height: 16px;display: block;padding: 25px 0 0 0;}
.facebook-white  .facebook-sc .share {background: url(../images/social-icons.png) no-repeat -168px 0;width: 30px;height: 16px;display: block;padding: 25px 0 0 0;}
.twitter-white  .twitter-sc .share{background: url(../images/social-icons.png) no-repeat -168px -44px;width: 30px;height: 16px;display: block;padding: 25px 0 0 0;}
.player-container{z-index: 1000!important;}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
/* add style for custom single page*/
.fullsingle{
    width: 100%!important;
}
.fullsingle article.post{
    width: 85%;
    margin: 0 auto;
}
.fullsingle iframe, .fullsingle embed{
    width: 100%;
    height: 100%;
}
.fullsingle iframe{
    position: absolute;
    top: 0;
    left: 0;
}
.fullsingle .bg_video_single{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.fullsingle .wrap-video_single{
    position: relative;
}
.fullsingle #nav-single-bottom{
    width: 100%;
    margin: 0 auto;
}
.fullsingle #nav-single-bottom .nav-text{
    width: 85%;
    margin: 25px auto;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
}
.fullsingle #nav-single-bottom .nav-next-bottom{
    top: 60px;
}
.fullsingle .footer-single{
    width: 85%;
    margin: 0 auto;
    background: #fff;
}
.fullsingle .entry-title{
    color: #fff;
}
.fullsingle div.jp-audio{
    width: 90%;
    float: right;
    padding: 70px 0;
    position: relative;
}
.fullsingle #fbcommentscontainer{
    width: 100%;
}
.fullsingle .fb_iframe_widget{
    width: 100%;
}
.fullsingle .fb_iframe_widget span{
    width: 100%!important;
}
.fullsingle .fb_iframe_widget iframe{
    width: 100%!important;
}
.bg_black .entry-header .title{
    color: #989898;
}

.bg_black{
    background: #000!important;
    color: #fff!important;
}
.bg_black .social-section{
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-bottom: 25px;
}
.wp-polls h3{
    font-size: 30px;
    font-family: 'BebasNeueRegular',sans-serif; 
}
.wp-polls li{
    font-size: 17px;
}
.wp-polls .Buttons{
    background-color: #333333!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    color: #fff;
    font-family: 'BebasNeueRegular',sans-serif; 
    font-size: 17px;
    border: 0px!important;
    padding: 10px 0;
    line-height: 1em;
    height: 37px;
    float: left;
}
.wp-polls .btb_result{
    background-color: #333333!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    color: #fff;
    font-family: 'BebasNeueRegular',sans-serif; 
    font-size: 17px;
    border: 0px!important;
    padding: 10px 0;
    display: inline-block;
    margin: 0 0 0 1px;
    line-height: 1em;
}
.poll-wrapper{
    float:left;
    width:100%;
}

/* switch */
.wrapper-noUiSlider{
    background: #313131;
    width: 9.6%;
    height: 157px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 13px 0 0 0;
}
.wrapper-noUiSlider span{
    display: block;
    text-align: center;
    color: #999999;
    font-family: 'BebasNeueRegular',sans-serif;
    line-height: 1em;
    padding: 5px 0 2px;
    cursor: pointer;
}
.wrap-noUiSlider{
    width: 32px;
    height: 64px;
    margin: 0 auto; 
    position: relative;
    border-radius: 15px;
    padding: 15px 0;
    background: url(../images/bg_switch.png);
}
.wrapper-noUiSlider .switch{
    height: 30px;
    width: 30px;
    border: 1px solid #99968f;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ffffff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.wrap-player-audio{
    position: relative;
    float: left;
    width: 100%;
}
#top-mov{
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
    cursor: pointer;
}
#bottom-mov{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    cursor: pointer; 
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width:480px) {
    h1{font-size: 1.3em;}
    img,object {  max-width: 100%;height: auto;}
    .entry-content iframe{max-width: 100%;}
    .search_box{background: url(../images/zoom_icon-24.png) no-repeat center center;width: 10px;height: 29px;}

    #serach-form-head{display: none;}
    #login-on-fb-head{display: none;}
    #social-nav{display: none;} 
    #playlist-social{display:none;}
    #top-featured li.f-img-3{display: none;}
    #top-featured li.f-img-4{display: none;} 


    #logo-head{width: 47%;height: auto;padding: 0;}

    #featured-header{width: 100%;height: 100%;}  

    #page{background: #000;width: 100%;}
    .caption-featured{width: 100%;}
    .caption-featured a{width: 80%;padding: 10px 20% 10px 0;font-size: 1em;}
    #top-featured li{width: 50%;}

    .bx-wrapper{width: auto!important;padding: 0 40px!important;}
    .bx-prev{left:10px;}
    .bx-next{right: 10px;}
    .bx-window{width: auto!important;}
    #album-featured img{float: none;}
    #album-featured{border-top: 1px solid #000;}
    #album-featured h1{clear: both;}
    #album-featured a{overflow: hidden;display: block;text-align: center;margin: 1px 0;}
    .left-top, .right-top, .left-bottom, .right-bottom{display: none;}
    hgroup{height: 100px;}
    /*more*/
    .more-article li{display: block;overflow: hidden;}
    /*news**/
    .single #primary{width: 100%;height: auto!important;}
    .single #secondary{width: 95%;margin: 0 auto;float: none;overflow: hidden; }
    .single article.post{width: 90%;padding: 2% 1% 2% 1%;}
    .entry-header{width: 85%;margin: 0 auto;}
    .social-section {padding: 10px 0 0 0;}
    .social-section li{width: 25%!important;}
    .social-section ul{width: 100%;}
    #nav-single-bottom{display: none;}
    .fb_iframe_widget iframe{width: 415px!important;}
    .relatedarticle {clear: both;}
    .relatedarticle img{width: 33%;float:left;height: auto;padding: 0 15px 0 0;}
    .relatedarticle p {display: none;}
    #related_posts span.bebasfont{font-size: 1.3em;display: block;padding: 10px 0 0 0;}
    .entry-summary img {width: 33%;float:left;height: auto;padding: 0 15px 0 0;}
    .media-category .entry-summary img {width: 100%;float:left;height: auto;padding: 0 15px 0 0;}
    .news-category .entry-summary img {width: 33%;float:left;height: auto;padding: 0 15px 0 0;}
    .entry-summary p{display: none;}
    /**music actegory*/
    .featured-reated{display: none;}
    #music-content li{width: 100%;height: auto;padding: 0;}
    #music-content .entry-summary{width: 100%;height: auto;}
    #music-content h3{font-size: 1.3em;margin: 3px 0;}
    #music-content .entry-summary img{width: 33%;float:left;height: auto;padding: 0 15px 0 0!important;}
    #lirycs-list{padding: 10px 0 0 0;}
    #lirycs-list span{font-size: 1.3em;}
    .content-title {margin: 30px 0 0 2%;width: 62%;}
    /**history*/
    #associalfeeds-content li{width: 42%;height: auto;}
    #associalfeeds-content li a{width: 100%;height: auto;}

    .timeline-history h2 {line-height: 1em;font-size: 1em;} 
    .timeline-history .noimage {font-size: 20px;}
    .icon-play {width: 50%!important;top: 25%;left: 25%;} 
    .date-history {width: 30%;padding: 0 15px 0 0;}  
    #history-content .entry-summary{width: 65%;margin: 19px 0 0 0px;}
    #history-content .social-section {margin:0;width: 65%;} 
    #history-content article.post{padding: 24px 10px;}
    #history-content .social-section li {width: 25%!important;}
    /**community*/
    .favorites-content .widget{width: 100%;margin: 0;}
    .favorites-content h2 {width: 100%;background: #fff;text-align: center;padding: 4px 0 2px;} 
    .content-iframe{display: none;}
    #play-list-community{width: 100%;padding: 0;}
    #friends-orbison{display: none;}
    #play-list-community .widget{background-size: 100%;background-position: center center;}
    #play-list-community .spotify-bottom-caption{height: 278px;width: 100%;}
    /**media*/
    .content-author-twitter img{width: 20%!important;}
    .content-tweet{line-height: 1em;font-size: 0.6em;height: auto;}
    .content-author-twitter {font-size: 0.7em;bottom: 1px;left: 5px;width: 98%;}
    #associalfeeds-content .twitter .entry-summary{padding: 0;}
    /**navigation*/
    #nav-mobile{background: #9A9A9A;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;margin: 0;padding: 0;right: 1%;top: 16%;position: absolute;}
    #nav-mobile li:last-child{border-right: 0px;}  
    nav#access{width: auto;left: 47%;top:20px;position:static;}
    nav#access a{color: #fff;font-size: 1.2em;padding: 5px 10px;}
    nav#access li{border-right: 1px solid #ccc;}    

    .menu-main-menu-container li{border-right: 1px solid #CCC;width: 100%;}    
    .menu-main-menu-container{background: #F9F9F9;display: none;position: absolute;left: 0;width: 100%;z-index: 100;top: 60%;left: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    #menu-main-menu{overflow: hidden;padding: 0;margin: 0;}
    #menu-main-menu{overflow: hidden;padding: 0;margin: 0;}
    #menu-main-menu a{border-bottom: 1px dotted #DDD;color: #444!important;font-weight: normal;height: auto;line-height: 1.4em;width: 100%!important;font-size: 1.4em!important;padding: 8px 15px;}
    .sub-menu{display: block!important;position: static!important;width: 100%!important;-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;-moz-box-shadow:    0px 0px 0px rgba(0, 0, 0, 0)!important;box-shadow:         0px 0px 0px rgba(0, 0, 0, 0)!important;}
    .sub-menu a{padding: 10px 40px!important;background: url(images/open-arrow.png) no-repeat center right;}
    #menu-main-menu a:hover{  background: #F9F9F9;  background: -moz-linear-gradient(#F9F9F9, #E5E5E5);
    background: -o-linear-gradient(#F9F9F9, #E5E5E5);  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#E5E5E5));  background: -webkit-linear-gradient(#F9F9F9, #E5E5E5);  color: #373737;
    }  
    #login-on-fb-head{background: #F9F9F9;position: absolute;width: 94%;z-index: 100;padding: 10px 3%;top: 55%;right: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height: 100px;}
    .fbconnect_miniprofile a{color: #7F7F7F;}
    #serach-form-head{background: #F9F9F9;position: absolute;width: 94%;z-index: 100;padding: 10px 3%;top: 55%;right: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    .only-search #s {border: solid 1px #CCC;width: 90%;height: 25px;}
    .fbsocialloginbuttons{right: 8%;} 
    /*filter nav*/

    .option-filter{font-size: 1.4em!important;line-height: 2em!important;}

    .nav-filter {display: none;background: transparent!important;}
    .nav-filter li:first-child{display: none!important;}
    .media-filter li:first-child{display: block!important;}
    .media-filter li br{display: none;}
    .nav-filter li {display: inline-block;width: 100%;}
    .nav-filter li a{border-bottom: 1px solid #666;line-height: 2.3em;}
    .made-prod{display: none;} 
    .prod-mobile{display: inline-block;}
    .prod-mobile a{float: left;}
    div.jp-audio div.jp-type-single div.jp-progress{
        right: 5%;
        width: 57%!important;
        left: inherit!important;
    }
  /*#nav-mobile .menu-main-menu-container{display: block;}
  #nav-mobile .menu-main-menu-container{}*/
}/* Aquí ingresaras el estilo de los elementos que necesites cambiar para que se adapten correctamente a una resolución max de 340px*/
@media screen and (min-width:481px) and (max-width:800px) {
  img,object {  max-width: 100%;height: auto;}
  .entry-content iframe{max-width: 100%;}  
  h1{font-size: 1.3em;}
  .search_box{background: url(../images/zoom_icon-24.png) no-repeat center center;width: 10px;height: 29px;}
  #serach-form-head{display: none;}
  #login-on-fb-head{display: none;}
  #social-nav{display: none;} 
  #playlist-social{display:none;}

  #logo-head{width: 47%;height: auto;}
  #logo-head img{width: 100%;height: auto;}
  #featured-header{width: 100%;height: 100%;}  
  #featured-header img{width: 100%;height: auto;}
  #page{width: 100%;}
  .caption-featured{width: 100%;}
  .caption-featured a{width: 80%;padding: 20px 20% 20px 0;}
  #top-featured li{width: 25%;}
  #top-featured img{width: 100%;height: auto;}
  .bx-wrapper{width: auto!important;padding: 0 40px!important;}
  .bx-prev{left:10px;}
  .bx-next{right: 10px;}
  .bx-window{width: auto!important;}

  #album-featured{border-top: 1px solid #000;}
  /*more*/
  .more-article li{display: block;overflow: hidden;}
  /*news**/
  .single #primary{width: 100%;height: auto!important;}
  .single #secondary{width: 95%;margin: 0 auto;float: none;overflow: hidden; }
  .single article.post{width: 90%;padding: 2% 1% 2% 1%;}
  .entry-header{width: 85%;margin: 0 auto;}
  .social-section {padding: 10px 0 0 0;}
  .social-section li{width: 25%!important;}
  .social-section ul{width: 100%;}
  #nav-single-bottom{display: none;}
  .fb_iframe_widget iframe{width: 600px!important;}
  .relatedarticle {clear: both;}
  .relatedarticle img{width: 33%;float:left;height: auto;padding: 0 15px 0 0;}
  .relatedarticle p {display: none;}
  #related_posts span.bebasfont{font-size: 1.3em;display: block;padding: 10px 0 0 0;}
  .entry-summary img {width: 33%;float:left;height: auto;padding: 0 15px 0 0;} 

  .entry-summary p{display: none;}
  /**music actegory*/
  .featured-reated{display: none;}
  #music-content li{width: 21%;height: 245px;padding: 2%;}
  #music-content .entry-summary{width: 100%;height: auto;}
  #music-content .entry-summary img{width: 100%;float:left;height: auto;padding: 0 15px 0 0!important;}
  #lirycs-list{padding: 10px 0 0 0;float: left;width: 48%;}
  #lirycs-list span{font-size: 1.3em;}
  #related_posts{padding: 10px 0 0 0;float: right;width: 48%;}
  .relatedarticle h2 {margin: 0;line-height: 1em;font-size: 1.2em;} 
  #related-album-list{padding: 10px 0 0 0;float: left;width: 48%;}
  #related-album-list span{font-size: 1.3em;display: block;padding: 10px 0 0 0;}
  .content-title {margin: 30px 0 0 2%;width: 62%;}
  /**history*/
  #associalfeeds-content li{width: 30%;height: auto;margin: 15px 9px 15px;}
  #associalfeeds-content li a{width: 100%;height: auto;}
  #associalfeeds-content li img{width: 100%;height: auto;} 
  .timeline-history h2 {line-height: 1em;font-size: 1em;} 
   .timeline-history .noimage {font-size: 20px;}
  .icon-play {width: 50%!important;top: 25%;left: 25%;} 
  .date-history {width: 30%;padding: 0 15px 0 0;}  
  #history-content .entry-summary{width: 65%;margin: 19px 0 0 0px;}
  #history-content .social-section {margin:0;width: 65%;} 
  #history-content article.post{padding: 24px 10px;}
  #history-content .social-section li {width: 25%!important;}
  /**community*/
  .favorites-content .widget{width: 48%;margin: 0 2% 0 0;height: 620px;}
  .favorites-content h2 {width: 100%;text-align: center;padding: 4px 0 2px;} 
  .content-iframe{display: none;}
  #play-list-community{width: 100%;padding: 0;}
  #friends-orbison{display: none;}
  #play-list-community .widget{background-size: 100%;background-position: center center;}
  #play-list-community .spotify-bottom-caption{height: 278px;width: 100%;}
  /**media*/
  .content-author-twitter img{width: 20%!important;}
  .content-tweet{line-height: 1em;font-size: 0.6em;height: auto;}
  .content-author-twitter {font-size: 0.7em;bottom: 1px;left: 5px;width: 98%;}
  #associalfeeds-content .twitter .entry-summary{padding: 0;}
  /** forum*/
  #container{width: 100%;}
  .page #secondary{width: 100%;}
 /**navigation*/
  #nav-mobile{background: #9A9A9A;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;margin: 0;padding: 0;right: 8%;top: 16%;position: absolute;}
  #nav-mobile li:last-child{border-right: 0px;}
  nav#access{width: auto;left: 47%;top:20px;position:static;}
  nav#access a{color: #fff;font-size: 1.3em;padding: 5px 15px;}
  nav#access li{border-right: 1px solid #ccc;}    
  .menu-main-menu-container li{border-right: 1px solid #CCC;width: 100%;}    
  .menu-main-menu-container{background: #F9F9F9;display: none;position: absolute;left: 0;width: 100%;z-index: 100;top: 64%;left: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
  #menu-main-menu{overflow: hidden;padding: 0;margin: 0;}
  #menu-main-menu a{border-bottom: 1px dotted #DDD;color: #444!important;font-weight: normal;height: auto;line-height: 1.4em;width: 100%!important;font-size: 1.4em!important;padding: 8px 15px;}
  .sub-menu{display: block!important;position: static!important;width: 100%!important;-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;-moz-box-shadow:    0px 0px 0px rgba(0, 0, 0, 0)!important;box-shadow:         0px 0px 0px rgba(0, 0, 0, 0)!important;}
  .sub-menu a{padding: 10px 40px!important;background: url(images/open-arrow.png) no-repeat center right;}
  #menu-main-menu a:hover{  background: #F9F9F9;  background: -moz-linear-gradient(#F9F9F9, #E5E5E5);
  background: -o-linear-gradient(#F9F9F9, #E5E5E5);  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#E5E5E5));  background: -webkit-linear-gradient(#F9F9F9, #E5E5E5);  color: #373737;
  }  
  #login-on-fb-head{background: #F9F9F9;position: absolute;width: 50%;z-index: 100;padding: 10px;top: 55%;right: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height: 100px;}
  .fbconnect_miniprofile a{color: #7F7F7F;}
  #serach-form-head{background: #F9F9F9;position: absolute;width: 50%;z-index: 100;padding: 10px;top: 55%;right: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
  .only-search #s {border: solid 1px #CCC;width: 90%;height: 25px;}
  .fbsocialloginbuttons{right: 8%;}  
  /*filter nav*/ 
  .option-filter{font-size: 1.4em!important;line-height: 2em!important;}
  .nav-filter {display: none;background: transparent!important;}
  .nav-filter li:first-child{display: none!important;}
  .nav-filter li {display: inline-block;width: 100%;}
  .nav-filter li a{border-bottom: 1px solid #666;line-height: 2.3em;}  
  .made-prod{display: none;} 
    .prod-mobile{display: inline-block;float: left;}
    .prod-mobile a{float: left;}    
    div.jp-audio div.jp-type-single div.jp-progress{
        right: 5%;
        width: 70%!important;
        left: inherit!important;
    }
}/* Ingresa el estilo de los elementos que necesites cambiar para que se adapten correctamente a una resolución max de 480px*/
@media screen and (min-width:801px) and (max-width:1024px) {
  img,object {  max-width: 100%;height: auto;}
  .entry-content iframe{max-width: 100%;}  
  h1{font-size: 1.3em;}

#social-nav {right: 180px;top: -6px;}
  #playlist-social{display:none;}
  .only-search{right: 55px;top: 10px;}


  #featured-header{width: 100%;height: 100%;}  
  #featured-header img{width: 100%;height: auto;}
  #page{width: 100%;}
  .caption-featured{width: 100%;}
  .caption-featured a{width: 80%;padding: 20px 20% 20px 0;}
  #top-featured li{width: 25%;}
  #top-featured img{width: 100%;height: auto;}
  .bx-wrapper{width: auto!important;padding: 0 40px!important;}
  .bx-prev{left:10px;}
  .bx-next{right: 10px;}
  .bx-window{width: auto!important;}

  #album-featured{border-top: 1px solid #000;}
  /*more*/
  .more-article li{display: block;overflow: hidden;}
  /*news**/
  .single #primary{width: 75%;height: auto!important;}
  .single #secondary{width: 25%;margin: 0 auto;float: none;overflow: hidden; }
  .single article.post{width: 90%;padding: 2% 1% 2% 1%;}
  .entry-header{width: 85%;margin: 0 auto;}
  .social-section {padding: 10px 0 0 0;}
  .social-section li{width: 25%!important;}
  .social-section ul{width: 100%;}
  #nav-single-bottom{display: none;}
  .fb_iframe_widget iframe{width: 930px!important;}
  .relatedarticle {clear: both;}
  .relatedarticle img{width: 33%;float:left;height: auto;padding: 0 15px 0 0;}
  #fbcommentscontainer iframe{width: 630px!important;}

  #related_posts span.bebasfont{font-size: 1.3em;display: block;padding: 10px 0 0 0;}
  .entry-summary img {width: 33%;float:left;height: auto;padding: 0 15px 0 0;} 
  /**music actegory*/
  #music-content li{width: 21%;height: 240px;padding: 2%;}
  #music-content .entry-summary{width: 100%;height: auto;}
  #music-content .entry-summary img{width: 100%;float:left;height: auto;padding: 0 15px 0 0!important;}
  #lirycs-list{padding: 10px 0 0 0;float: left;width: 48%;}
  #lirycs-list span{font-size: 1.3em;}
  #related_posts{padding: 10px;float: right;width: 92%;}
  .relatedarticle h2 {margin: 0;line-height: 1em;font-size: 1.2em;} 
  #related-album-list{padding: 10px 0 0 0;float: left;width: 48%;}
  #related-album-list span{font-size: 1.3em;display: block;padding: 10px 0 0 0;}
  .content-title {margin: 30px 0 0 2%;width: 62%;}

  /**history*/
  #associalfeeds-content li{width: 30%;height: auto;margin: 15px 9px 15px;}
  #associalfeeds-content li a{width: 100%;height: auto;}
  #associalfeeds-content li img{width: 100%;height: auto;} 
  .timeline-history h2 {line-height: 1em;font-size: 1em;} 
   .timeline-history .noimage {font-size: 20px;}
  .icon-play {width: 50%!important;top: 25%;left: 25%;} 
  #history-content .entry-summary{width: 65%;margin: 19px 0 0 0px;}
  #history-content .social-section {width: 24%;} 
  #history-content article.post{padding: 24px 10px;width: 98%;}
  #history-content .social-section li {width: 25%!important;}
  /**community*/
  
  .favorites-content h2 {width: 100%;text-align: center;padding: 4px 0 2px;} 

  #play-list-community{width: 100%;padding: 0;}

  #play-list-community .spotify-bottom-caption{float: none;}
  /**media*/
  .content-author-twitter img{width: 20%!important;}
  .content-tweet{line-height: 1em;height: auto;}
  .content-author-twitter {bottom: 1px;left: 5px;width: 98%;}
  #associalfeeds-content .twitter .entry-summary{padding: 0;}
  /** forum*/
  #container{width: 100%;}
  .page #secondary{width: 100%;}
  #nav-mobile{display: none;}
  .option-filter{display: none;}
  .prod-mobile{display: none!important;}
}
@media screen and (min-width:1024px) {
  #nav-mobile{display: none;}
  .option-filter{display: none;}
  .prod-mobile{display: none!important;}

}/* Ingresa el estilo de los elementos que necesites cambiar para que se adapten correctamente a una resolución max de 768px*/

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}