body
 {
margin: 0 auto;
padding: 0px;

font-family: proxima-nova, sans-serif;
font-style: normal;

color: #FFFFFF;
text-decoration: none;
letter-spacing: 0.3pt;
 }




#saba img {
height: 14px;
width: auto;
} 







a { text-decoration:none;
 }

::selection {
  background: #05a0c7; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #05a0c7; /* Gecko Browsers */
}



.classname {
display:block;
 padding-top:50px;
text-align: center;
text-shadow: 2px 3px #404040;
width: 189px;
height: 398px;
color: #fff;
font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
background-image: url('//elgenero.com/promo.jpg');
}
#promo {
padding: 20px;
display:block;
color: #fff;
letter-spacing: 0.2pt;
}
#promo a {
letter-spacing: 0.2pt;
display:block;
font-size: 1.2em;
color: #fff;
text-decoration:none;
}
#ultimass {
font-size: 15px;
}

#hola {
	font-family: Arial, Helvetica, sans-serif;
background-color:transparent;
0.75em;
font-weight:normal;
}

#stickytypeheader img {
height: 500px;
}
#disko img {
height: auto;
width: auto;
border-radius: 10px;
}
#mn { 
 width: 200px;
text-align: left;
vertical-align: text-top;
}
#banner img { 
width: 90%;  
height: auto; 
}
#top img {
height: 20px;
width: auto;
} 
#mas a {
font-size: 10px;
color: #fff;
}
#mas a:hover {
text-shadow: 3px 3px #404040;
text-decoration:none;
}
#top img {
height: 20px;
} 
#imagen16 img {
height: 16px;
width: auto;
}


#header {
display:block;
margin: 0 auto;
padding-top: 3px;
height: 100px;
background: #343434;
background-color: #343434;


  font: 2.2em 'Arial Narrow', sans-serif;
  color: #20add6;
  text-transform: uppercase;
  letter-spacing: 3.3px;


background-repeat: no-repeat;
background-position: top center;
}



#page-wrap {
margin: 0 auto;
max-width: 1200px;

}

audio { 
background: #fff;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 2px solid #fff;
width: 60%; 
height: 35px;
margin:10px;
box-shadow: 2px 1px 1px #404040;

 
 
}
#ultimastop { 
width: 100%; 
height: 270px; 
}
#iframetop { 
width: 100%; 
height: 25500px; 
min-width: 650px;
max-width: 100%;
}
#iframeultimastop { 
width: 100%; 
height: 100%;
}
#g3 { 
width: 100%;
height: 12900px; 
max-width: 100%;
min-width: 650px;
}
#cdframe { 
width: 100%;
height: 4100px; 
max-width: 100%;
min-width: 650px;
}
#discoframe { 
width: 100%;
height: 3100px; 
min-width: 650px;
max-width: 100%;
}
#nuevasframe { 
width: 100%;
height: 6200px; 
max-width: 100%;
min-width: 650px;
}
#nuevasframedembow { 
width: 100%;
height: 6200px; 
max-width: 100%;
min-width: 650px;
}
#how {
font-size: 12px;
color: white;
padding: 6px;
}
.menutop {
 list-style-type: none;
 margin-bottom: 20px;
 padding: 3px;
 padding-left: 10%;
 overflow: hidden;
 background-color: #5a5a5a;
font-weight: bold;
}
.menup {
letter-spacing: 0.5pt;
font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
 list-style-type: none;
 margin-bottom: 20px;
 padding-left: 10%;
 overflow: hidden;
 background-color: #353535;
font-weight: bold;



}
.menup li {
 float: left;
}
.menup li a {
font-size: 1.125em;
 display: inline-block;
 color: #f2f2f2;
 text-align: center;
 padding: 30px 26px;
 text-decoration: none;
}
.menup li a:hover {
 background-color: #3a3a3a;
}





.menutop li {
 float: left;
}
.menutop li a {
letter-spacing: 0.5pt;
font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
font-size: 0.875em;
 display: inline-block;
 color: #f2f2f2;
 text-align: center;
 padding: 20px 16px;
 text-decoration: none;
}
.menutop li a:hover {
 background-color: #3a3a3a;
}



.bodybix {
background-color: #343434;
border: 0px solid #373B3E; 


}
.menu {
letter-spacing: 0.4pt;
font-family: Verdana, Arial, Helvetica, sans-serif;;
font-size: 0.875em;
color:#fff;
text-decoration:none;
line-height:20px;
background-color:#2a2a2a;
}
.caratulas_img
{
border-color:#A0A0A0;
margin-top:25px;
margin-bottom:25px;
}
a.mainlevel {
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;

letter-spacing: 0.4pt;
background-image: none;
font-size: 14px;
display:block;
vertical-align:middle;
color:#f2f2f2;
text-align:left;
height:28px;
text-decoration:none;
line-height:25px;
margin-left:10px;
margin-top:13px;
background-position:0px 0px;
letter-spacing: 0.3pt;
font-weight: bold;
box-shadow: 0px 2px 0px #535353;
background-color: #363636;
padding-right: 0px;
margin-right: 0px;
}
a.mainlevel:hover {
box-shadow: 0px 2px 0px #676767;
text-decoration:none;
color:#fff;
background-color: #363636;
}
#ezqui {
margin-left:5px;
width:190px;
background-color: #fff;
}
.ezquina a {
text-align:center;
padding:1px;
margin:1px;
color:#38a5e2;
}
.ezquina2 {
text-align:center;
padding:1px;
margin:1px;
color:#38a5e2;
height:112px;
width: 187px;
background-image:url('https://www.ascap.com/~/media/images/logos/ascap-logos/2012/licensed/ascap_playmusic_licensed_lowres.jpg');
background-repeat: no-repeat;
}
.sea {
color:#fff;
}
.galle img {
 height: 250px;
width: 250px;
}
.newsbox {
background-color:#525252;
text-decoration:none;
border-color:#5C5C5C;
border-style:solid;
border-width:0px;
padding:0px;
color:#fff;
text-align:center;
margin: 0 auto;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
}
.newsbox a {
text-decoration: none;
color:#131313;
text-align:center;
}
.newsbox a:hover {
text-decoration: none;
color:#000;
text-align:center;
}
.newsbox img {
height:auto;
width: 55%;
}
.newstext {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#fff;
font-size: 14px;
margin:5px;
padding:6px;
line-height: 2.0;
letter-spacing: 0.2pt;
}
.newstext a {
font-size: 14px;
color:#39a9e3;
}
.newstext a:hover {
color:#3bafeb;
text-shadow: 1px 1px #404040;
}
.newstext a:visited {
color:#39a9e3;
}
.tagscolor a {
color:#fff;
}
.tagscolor a:hover {
text-decoration: none;
color:#fff;
}
.tagscolor a:visited {
text-decoration: none;
color:#fff;
}
.fbcss {
background-color:#4a4a4a;
cursor:pointer;
}
#social
{
padding: 5px;
}
.menutext {
letter-spacing: 0.4pt;
font-size:15px;
text-align:left;
font-weight: bold;
background-color:#555;
color:#fff;
margin:0px;
padding:5px;
line-height: 2.4;
border-color:#5C5C5C;
border-style:solid;
border-width:1px;
box-shadow: 1px 1px 1px #404040;
}
.menutext a {
color:#e1e1e1;
}
.menutext::first-letter {
font-size: 120%;
}
.menutext a:hover {
color:#fff;
text-decoration: underline;
text-shadow: 1px 0px #404040;
}
.top10 {
font-size:15px;
text-decoration: none;
color:#38a2de;
}
.top10 a {
text-decoration: none;
color:#38a2de;
}
.top10 a:hover {
text-decoration: none;
color:#38a2de;
}
.top10 a:visited {
text-decoration: none;
color:#38a2de;
}
#pagination .page {
background-color:#525252;
color:#fff;
text-decoration:none;
margin-left:10px;
margin-right:10px;

padding-top: 14px;
padding-right: 14px;
padding-bottom: 14px;
padding-left: 14px;
}
#pagination a.page:hover {
background-color:#0097cc;
text-decoration: underline;
}

.wp-paginate .current {
color:#fff; 
background:#0097cc;
margin-left:10px;
margin-right:10px;

padding-top: 14px;
padding-right: 14px;
padding-bottom: 14px;
padding-left: 14px;
}

#pagination .moveBtn {
background-color:#ffc112;
color:#2e2e2e;
text-decoration:none;
padding-bottom:13px;
}
#pagination a.moveBtn:hover{
text-decoration: underline;
background-color:#0097cc;
color:#fff;
}

.wp-paginate {padding:0; margin:0;}
.wp-paginate h1, li {display:inline; list-style:none;}


.title_news {
background-color:#27a0c3;
border:#131313;
text-align:center;
font-weight: bold;
 padding-top: 15px;
 padding-right: 0px;
 padding-bottom: 15px;
 padding-left: 1px;
display: inline-block;
width: 100%;
}
.title_news a:hover {
text-decoration: underline;
}
#fbcss {
color:#f60;
}
.downloadmp3 a,
.chat {
cursor:pointer;
}
H3 {
background-color:#353535;
color:#fff;
margin:3px;
padding:3px;
text-align: center;
}
.tittletext {
font-size:14px;
background-color:#353535;
color:#fff;
margin:3px;
padding:3px;
text-align:center;
}
.tittletext a {
font-size:14px;
color:#efefef;
margin:3px;
padding:3px;
}
.tittletext a:visited {
font-size:14px;
color:#efefef;
margin:3px;
padding:3px;
}
.tittletext a:hover {
font-size:14px;
color:#fff;
margin:3px;
padding:3px;
}
input[type=search] {
background: #ededed url(//elgenero.com/images/search-icon.png) no-repeat 9px center;
border: solid 0px #ccc;
font-size: 1.2em;
 width:50%;
 height:50px;
padding-left:8%;
opacity: 0.9;
}
input#searchsubmit {
 cursor: pointer;
width:15%;
 height:53px;
margin:0px;
opacity: 0.9;
}
.search {
text-align:center;
border:#555 solid 0px;
padding:10px;
background-color:#4f4f4f;
}
.nuevasc {
background-color:#555;
color:#fff;
margin:2px;
padding:2px;
}
#discogra {
width: 100%;
}
#discogra td {
margin:30px;
padding:10px;
padding-left:50px;
background:#575757;
}
#discogra img {
 width: 150px;
 height: 150px;
border-radius: 5px;
}
.discogra {
color:#38a2de;
}
.discogra a:visited{
color:#38a2de;
}
.discogra a {
font-size:15px;
color:#38a2de;
margin:5px;
padding:3px;
}
.discogra a:hover {
color:#3c9edb;
}
.sabado a:visited {
color:#fff;
padding:2px;
}
.sabado a {
color:#fff;
width:320px;
margin:0px;
padding:0px;
background:#555;
display:BLOCK;
}
.sabado a:hover {
color:#fff;
}
.reglas {
color:#fff;
line-height:2;
}
.descargas {
  font-family: Arial, Helvetica, sans-serif;
   hyphens: auto;
font-style: normal;
line-height: 1.8;
font-size: 14px;
text-align:center;
background-color:#545454;
color:#f7f7f7;
padding:2px;
width:100%;
display: inline-block;
}
.descargas a {
font-size: 20px;
}
.ttext {
font-size:13px;
background-color:#383838;
color:#fff;
margin:3px;
padding:0px;
text-align:center;
letter-spacing: 0.2pt;
}
.ttexto a:visited {
font-size:15px;
background-color:#2a2a2a;
color:#fff;
margin:5px;
padding:3px;
}
.ttexto a {
font-size:15px;
background-color:#292727;
color:#fff;
margin:5px;
padding:3px;
}
.ad {
padding-top:6px;
margin:2px;
padding:45px;
}
.adseg {
margin:5px;
padding:6px;
}
#footer {

background-color: #353535;

font-size:12px;

color:#fff;

line-height: 2.5;

margin: 0px;

padding-top:20px;

padding-bottom:15px;

text-align: center;

max-width: 1200px;

width: 100%;

}



#footer a {

color:#fff;

}



#footer a:visited {

color:#fff;

}



#footer a:hover {

text-decoration: underline;

}
.rec {
background-color:#4f4f4f;
font-size:20px;
text-align: center;
}
.paginaa {
padding-top:6px;
margin:6px;
}
.cover img {
 width: 300px;
 height: 280px;
color:#e1e1e1;
border-radius: 5px;
box-shadow: 2px 2px 1px #404040;
}
.cover:hover img {
 box-shadow: 2px 2px 1px #5a5959;
}
.cover {
padding-right: 50px;
padding-left: 50px;
color:#e1e1e1;
}
.cover a {
color:#e1e1e1;
}
.cover a:visited {
color:#e1e1e1;
}
.post-shortlink {
text-align:center;
margin:8px;
}
#escucha {
font: 1.8em/40px Helvetica, Verdana, sans-serif;
border-radius: 4px;
background-color:#5e5e5e;
text-align:center;
cursor:pointer;
letter-spacing: 3px;
 width: 250px;
display: inline-block;
}
#escucha:hover {
 box-shadow: 1px 1px 1px #404040;
}
.center
{
text-align:center;
}
.footer

{

text-align:center;

}
.reglas
{
font-size:10px;
color:#000;
}
.youtube:hover {
cursor: pointer;
opacity: 0.9;
filter: alpha(opacity=98);
-webkit-transition: opacity 0.2s linear;
}
.M4 img {
color:#e1e1e1;
border-radius: 5px;
box-shadow: 2px 2px 1px #404040;
 width: 710px;
	height: 155px;
}
.M4:hover img {
 box-shadow: 2px 2px 1px #535252;
}
.M4 {
padding: 13px;
color:#e1e1e1;
border-radius: 10px;
}
.M4 a {
color:#e1e1e1;
border-radius: 10px;
}
.M4 a:visited {
color:#e1e1e1;
border-radius: 10px;
}
.montana { 
 position: relative; 
 text-align:center;
display: inline-block;
}
h6 { 
 position: absolute; 
 top: 5px; 
}
h6 span { 
 color: white; 
 font: bold 15px/35px Helvetica, Sans-Serif; 
 letter-spacing: 1px; 
 background: rgb(0, 0, 0); /* fallback color */
 background: rgba(0, 0, 0, 0.7);
 padding: 10px; 
}
h6 span a { 
 color: white; 
}
hr {
 border: 0;
 height: 0;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.side {
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.obtener {
	font-family: Arial, Helvetica, sans-serif;
 display: block;
 height: 50px;
 width: 250px;
 background: #5e5e5e;
 color: white;

 text-decoration: none;
 text-align: center;
 font-weight: bold;
 text-transform: uppercase;
 border-radius: 5px;
margin: 10px;
margin-left: auto;
 margin-right: auto;
border-color: #fff;
border-style: solid;
border-width: 1px;
}
.obtener a {
 text-decoration: none;
 text-align: center;
 font-weight: bold;
 text-transform: uppercase;
text-shadow: 2px 2px #404040;
}
.obtener:hover {
 box-shadow: 2px 2px 1px #404040;
}
#obtene {
color: white;
text-align: center ;
 font-size:250%;
}
.promociones {
margin:10px;
padding:30px;
width: 90%; 
font-size:14px;
text-align:left;
background-color:#555;
color:#fff;
line-height: 1.7;
border-color:#5C5C5C;
border-style:solid;
border-width:1px;
box-shadow: 1px 1px 1px #404040;
}
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin-top:1px;}
ul.tabbernav{margin:0;padding: 3px 0;border-bottom: 1px solid #778;font: bold 12px Verdana, sans-serif;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a {background: #cccfd4; border: 1px solid #778; padding: 3px 3px;margin-left: 3px;border-bottom: none;text-decoration: none;}
ul.tabbernav li a:link { color: #66A; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover{color: #000;background: #AAE;border-color: #227;}
.tabberlive .tabbertab {padding:5px;border:1px solid #aaa;border-top:0;background-color:#FFF;text-align:center;}
.tabberlive .tabbertab h2 {display:none;}
h2{
 font: normal normal normal 18px/1 Helvetica, arial, sans-serif;
 border-bottom:2px solid #27a0c3;
}
h2 span{
 display:inline-block;
 margin-left:10px;
 padding:5px 20px;
 background:#5a5a5a;
 color:#fff;
}
/* ir al inicio */
.cd-top {
 display: inline-block;
 height: 80px;
 width: 80px;
 position: fixed;
 bottom: 40px;
 right: 10px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
 /* image replacement properties */
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 background: rgba(86,155,232, 0.8) url(//elgenero.com/images/cd-top-arrow.svg) no-repeat center 50%;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity .3s 0s, visibility 0s .3s;
 -moz-transition: opacity .3s 0s, visibility 0s .3s;
 transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
 -webkit-transition: opacity .3s 0s, visibility 0s 0s;
 -moz-transition: opacity .3s 0s, visibility 0s 0s;
 transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
 /* the button becomes visible */
 visibility: visible;
 opacity: 1;
}
.cd-top.cd-fade-out {
 /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
 opacity: .5;
}
.no-touch .cd-top:hover {
 background-color: #3995e3;
 opacity: 1;
}
@media only screen and (min-width: 768px) {
 .cd-top {
 right: 30px;
 bottom: 50px;
 }
}
@media only screen and (min-width: 1024px) {
 .cd-top {
 height: 60px;
 width: 60px;
 right: 30px;
 bottom: 30px;
 }
}