@font-face {
  font-family: 'icomoon';
  url("../fonts/icomoon/applegothic.ttf")
  url("../fonts/century.ttf")
  src: url("../fonts/arial.ttf");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*
* ======================================================= */


/* menú */

.aurita{
    margin-top: 33px;
    width: 190px;
    font-family: Century, Arial, CenturyGothic, AppleGothic, sans-serif;
}

.aurita ul{
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;}

.aurita li{
    float:left;}

.aurita a{
    margin-top: 12px;
    font: 0.9em 'century gothic', 'arial';
    text-align:left;
    text-decoration:none;
    width:190px;
    display:block;
    outline:none;}

.aurita a:link, .aurita a:visited{color:#474747;}

.aurita a:hover{color:darkgrey;background:#f7f7f7;}

.aurita a:focus, .aurita a:active{
    color:#000;background:lightgrey;
}


@media screen and (min-width: 300px) and (max-width: 680px){

    nav{
        display: none;
    }
}


.artistas{
    margin-top: 0px;
    width: 150px;
    color: lightgray;
}

.artistas ul{
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
 }

.artistas li{
  
    float:left;}

.artistas a{
    margin-top: 12px;
    font: 0.9em 'century gothic';
    text-align:left;
    text-decoration:none;
    width:150px;
    display:block;
    outline:none;
    
       }

.artistas a:link, .artistas a:visited{color: lightgrey;;}

.artistas a:hover{color:darkgrey;background:#cccccc;}

.artistas a:focus, .artistas a:active{
    color:#000;background:#cccccc;
}


.artistas {
    vertical-align: top;}










/* submenú desplegable */
#menu ul li ul{display:none;position:absolute;}
#menu ul li:hover ul{display:block;}
#menu li ul li{clear:left;}
#menu li ul a:link, #menu li ul a:visited{color:#fff;background:#99f;border:#00f solid 1px;}
#menu li ul a:hover{color:#000;background:#9f9;border:#0f0 solid 1px;}
#menu li ul a:focus, #menu li ul a:active{color:#000;background:#f99;border:#f00 solid 1px;}
</style>