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

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

}

body{
  background: #041318 url(http://www.lyricswow.com/images/bg.jpg) 50% 0 no-repeat;
   font-family: 'arial narrow',arial,helvetica,sans-serif;
}
a {
    color: #000;
    text-decoration: none;
}

a strong{font-size: 15px;}
h1{
    background-color: #970003;
    color: #FFF;
    font: 33px/38px 'FamiliarProBold',Arial,sans-serif;
    margin: 0;
    padding: 15px 5px;
    -moz-box-shadow:inset -3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:inset -3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow:inset -3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    text-shadow: 2px 2px 5px #000000;
        filter: dropshadow(color=#000000, offx=2, offy=2);
}
h1 span{
    font: 25px/28px 'QuicksandLight', Arial, sans-serif;
    text-transform: lowercase;
}

h1 span a{
    color: #FFF;
}
h1 span a:hover{
    color: #FD9065;
}
h3{
    background-color: #2C2C2C;
    color: #FFF;
    font: 25px/28px 'QuicksandLight',Arial,sans-serif;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 5px 5px 10px 0;
    padding: 5px;
    -moz-box-shadow:inset -3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:inset -3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow:inset -3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    text-shadow: 2px 2px 5px #000000;
        filter: dropshadow(color=#000000, offx=2, offy=2);
}
h3.top{background-color: #6CBD45;margin-top: 20px;}
h3.top1{background-color: #49A8DE;margin-top: 20px;}
h4{font: 1.25em/1.2em Arial,sans-serif; margin: 5px 2px;}
h5{font: 1em/1.2em Arial,sans-serif; margin: 5px 2px;}
.row{background-color: #fff;}
#logo,#social-top,#search-top{background-color: #000;height: 60px;padding-top: 5px;}
#nav{background-color: #000;}
#logo{border-top: #C13D12 solid 2px; text-align: center;}
#search-top{border-top: #F8BE05 solid 2px;padding-top: 10px;padding-left: 10px;}
#google-box #q-box {
  display: inline;
  width: 85%;
}
#google-box .button {
    background: url("http://www.jojolete.com/img/searchButton.png") no-repeat scroll center top transparent;
    border: none;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset;
    cursor: pointer;
    display: inline;
    height: 23px;
    margin: 0 0 0 5px;
    padding: 3px;
    width: 23px;
}
#google-box .button:hover {
    background: url("http://www.jojolete.com/img/searchButton.png") no-repeat scroll center bottom transparent;
}
.columns{padding: 0;}
.featured{padding: 5px;}
.row .row {margin: 0;}
.four, .row .four {padding: 5px;}
.box{
    background-color:#360900;
    height:220px;
    margin:0 0 10px 0;
    padding:10px 15px;
    width:303px;
}
.box h6 {
  color:#FFFFFF;
  font-size:16px;
  font-weight:bold;
  line-height:20px;
  margin:0 0 5px;
  text-decoration:initial;
  text-shadow:#2F4249 1px 1px;
  text-transform:none;
}
.box p{color: #FF8600;}

#socialbar{margin: 5px 0 10px 0;}

#main-content{
    -webkit-box-shadow: 1px 0px 6px rgba(50, 50, 50, 0.94);
-moz-box-shadow:    1px 0px 6px rgba(50, 50, 50, 0.94);
box-shadow:         1px 0px 6px rgba(50, 50, 50, 0.94);
}

#bar1{text-align: center;padding-top: 5px;}
#ringtone-down{text-align: center;margin: 20px 0 0 0;}
ul#video-list {
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 10px;
    width: 100%;
}
.dos_columnas li {
    width: 50%;
}
.tres_columnas li {
    width: 33.333%;
}
ul#video-list li {
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 3px 0;
}
ul#video-list li a {
    background: url("http://www.jojolete.com/img/play.png") no-repeat scroll 0 50% transparent;
    color: #000000;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 0 20px;
    text-decoration: none;
}
ul#video-list li a:hover {
    background: url("http://www.jojolete.com/img/play1.png") no-repeat scroll 0 50% transparent;
}


#lyrics {
  color:#2C2C2C;
  height:400px;
  margin:0;
  padding:5px;
  overflow:auto;
  text-align: center;
  width: 29%;
}
#lyrics pre {
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  font-weight:900;
  line-height:21px;
  margin:0 auto;
  text-align:center;
  white-space:pre-wrap;
  width:230px;
  word-wrap:break-word;
}

#lyrics pre p{
  font-size:11px;
  font-weight:900;
}

.tono-lyric span{color:#D6531B; font-weight: 900;}
.tono-lyric img{border-style: none; vertical-align: text-bottom;}

#video-container{height: 399px; width: 70%;}
#video-lyrics{
  background-color: #fff;
  border-bottom: thin solid #CECECE;

}

#lyrics .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 #0099CC;
    border-radius: 11px 11px 11px 11px;
    width: 11px;
}

#footerSlideContainer 
{
  position: fixed;
  bottom:0;
  width: 100%;
}
#footerSlideButton 
{
  background: #090909 url(../images/sliderButton.png) top center no-repeat;
  border-top: #656565 solid 1px;
  color: #8F8F8F;
  cursor: pointer;
  height:51px;
  position: absolute;
  right: 0px;
  top: -50px;
  width:100%;
}
#footerSlideButton p
{
  font-size: 20px;
  margin:0; 
  padding: 14px;
}
#footerSlideContent 
{
  width: 100%;
  height: 0px;
  background: #161616;
  color: ##161616;
  font-size: 12px;
  border: none;
  font-family: DejaVuSansBook, Sans-Serif;
}
#footerSlideContent h3 
{
  font-size: 36px;
  color: #9AC941;
  margin: 10px 0 10px 0;
}
#footerSlideContent ul 
{
  color: #EE8D40;
  list-style-type: none;
  line-height: 2em;
}
#footerSlideText 
{
  padding: 0px;
}
.row{width: 1038px;}
.orbit{margin-bottom: 0;}
#main-content{width: 728px;}
#bar1{width: 310px;}
/*Scroll*/
.content{margin:20px 0 40px 40px; width:280px; height:600px; padding:10px; overflow:auto;}
.content img{max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:4px; border:solid 1px #666;}
.content_6{position:relative; margin:1px auto; width:100%; height:180px; overflow:auto; background:#333; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content_6.toggle_width{width:70%;}
.content_6 .images_container{overflow:hidden;}
.content_6 .images_container img{max-width:none;} /* stupid ie8 */
.content_6 .images_container img:first-child{margin-left:0;}
.content_6 .images_container img:last-child{margin-right:0;}
.content_6 .images_container img.new{background:#de4816;}
.video-mas{display: inline-block; width: 160px; color:#FFF; font-size: 11px; vertical-align: top;}
.video-mas p{margin:0; padding: 0 10px 0 0; font-size: 11px;}
.video-mas b{font-weight: 900;}
.content_6 i{color: #6E8EC7;}
#feed-box{margin: 0 auto; width: 99%;}
.ads{background-color: #041318; text-align: center;}
#useraction{float: right; margin-right: 20px;}
@media only screen and (max-width: 1040px) {
    #main-content{width: 68%;}
    #bar1{width: 32%;}
}

@media only screen and (max-width: 900px) {
    h1{font: 25px/28px 'QuicksandLight',Arial,sans-serif;}
    #lyrics{height: auto; width: 100%;}
    #video-container{width: 100%;height: 350px;}
    #footerSlideContainer{display: none;}
    #main-content .row .four {text-align: center; display: inline-block; vertical-align: top; width: 33.3333% !important;}
    ul#css3menu1 a{padding: 9px 10.2px;}
}

@media only screen and (max-width: 400px) {
    .addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded, .addthis_counter.addthis_pill_style a.atc_s, #social-top{ display: none !important; }
    .tres_columnas li{width: 50%;}
    .dos_columnas li{width: 100%;}
    h1{font: 25px/28px 'QuicksandLight',Arial,sans-serif;}
    #lyrics{height: auto;}
    #video-container{width: 90%;height: 200px;}
    #footerSlideContainer{display: none;}
}